Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie entferne ich den Rand der Eingabeschaltflächen?

Mary-Kate Olsen
Freigeben: 2024-11-10 19:34:03
Original
732 Leute haben es durchsucht

How to Get Rid of the Border on Input Buttons?

Behebung des Randproblems in Eingabeschaltflächen

Wenn Sie auf eine Eingabeschaltfläche klicken, erscheint ein unansehnlicher Rand, der den ästhetischen Eindruck beeinträchtigt. Um dieses Problem anzugehen, wurden verschiedene Ansätze versucht, beispielsweise die Verwendung von onfocus:none. Diese Bemühungen haben sich jedoch als erfolglos erwiesen.

Um dieses hartnäckige Problem zu lösen, gibt es eine einfache Lösung im Bereich CSS. Durch Einbindung von Gliederung: keine; In Ihre Stildefinition können Sie diesen unerwünschten Rand auf magische Weise löschen.

Hier ist eine aktualisierte Version des CSS-Codes, der den Rand entfernt:

input[type=button] {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}
Nach dem Login kopieren

Durch die Anwendung dieser CSS-Regel wird das Unansehnliche entfernt Der Rand verschwindet, wenn auf die Eingabeschaltfläche geklickt wird. Ihr Button sieht jetzt sauber und professionell aus.

Das obige ist der detaillierte Inhalt vonWie entferne ich den Rand der Eingabeschaltflächen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage