Stylizacja przycisków wejściowych dla iPada i iPhone ' a

Używam CSS do stylizacji przycisków wejściowych na mojej stronie, ale na urządzeniach z systemem IOS stylizacja jest zastępowana przez domyślne przyciski Maca. Czy istnieje sposób na stylizowanie przycisków na iOS lub sposób na utworzenie hiperłącza, które zachowuje się jak przycisk Wyślij?

Author: Muhammad Saifullah, 2011-03-27
Source

6 answers

Możesz szukać 

-webkit-appearance: none;
 532
Author: Jonas G. Drange,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-04-29 20:47:56

Proszę dodać ten kod css 

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
 29
Author: subindas pm,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-03-02 05:12:38

Ostatnio sam natknąłem się na ten problem.

<!--Instead of using input-->
<input type="submit"/>
<!--Use button-->
<button type="submit">
<!--You can then attach your custom CSS to the button-->
Mam nadzieję, że to pomoże.
 10
Author: Digital Robot Gorilla,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-03-16 16:04:21

Użyj poniższego css 

input[type="submit"] {
  font-size: 20px;
  background: pink;
  border: none;
  padding: 10px 20px;
}
.flat-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
   border-radius: 0;
}

h2 {
  margin: 25px 0 10px;
  font-size: 20px;
}
<h2>iOS Styled Button!</h2>
<input type="submit" value="iOS Styled Button!" />

<h2>No More Style! Button!</h2>
<input class="flat-btn" type="submit" value="No More Style! Button!" />
 4
Author: vinod,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2019-01-31 06:12:39

Miałem ten sam problem dzisiaj używając primefaces (primeng) i angular 7. Dodaj następujące elementy do swojego stylu.css 

p-button {
   -webkit-appearance: none !important;
}

Używam również trochę bootstrap, który ma restart.css, który nadpisuje go (dlatego musiałem dodać !ważne) 

button {
  -webkit-appearance: button;

}

 1
Author: djnose,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2019-08-20 06:09:41

- webkit-appearance: none;

Uwaga: użyj bootstrap do stylizacji przycisku.To wspólne dla responsywnych.

 -1
Author: Karthiha Karthi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-07-07 11:08:26