it-swarm.com.de

Styling-Eingabeknöpfe für iPad und iPhone

Ich benutze CSS, um die Eingabeschaltflächen auf meiner Website zu gestalten. Bei Geräten mit IOS wird die Darstellung jedoch durch die Standardschaltflächen von Mac ersetzt. Gibt es eine Möglichkeit, Buttons für iOS zu gestalten, oder einen Hyperlink zu erstellen, der sich wie ein Submit-Button verhält?

192
mheavers

Sie können suchen 

-webkit-appearance: none;
487
Jonas G. Drange

Ich bin kürzlich auf dieses Problem gestoßen.

<!--Instead of using input-->
<input type="submit"/>
<!--Use button-->
<button type="submit">
<!--You can then attach your custom CSS to the button-->

Hoffentlich hilft das.

Bitte fügen Sie diesen CSS-Code hinzu

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
9
subindas pm

Verwenden Sie die folgenden 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!" />

1
vinod

-webkit-erscheinung: keine;

Hinweis: Verwenden Sie Bootstrap, um einen Button zu formatieren.

0
Karthiha Karthi

Ich hatte heute das gleiche Problem mit Primefaces (Primeng) und angular 7. Fügen Sie Folgendes zu Ihrer style.css hinzu

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

ich verwende auch ein bisschen von bootstrap, das eine reboot.css hat, die es mit überschreibt (deshalb musste ich hinzufügen! wichtig)

button {
  -webkit-appearance: button;

}

0
djnose