Wie entferne ich den Rand der Eingabeschaltflächen?

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;
}

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!