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 anhaltende Problem zu lösen, liegt eine einfache Lösung im Bereich CSS. Durch Einbindung von Gliederung: keine; In Ihre Stildefinition können Sie diesen unerwünschten Rahmen auf magische Weise löschen.

Hier ist eine aktualisierte Version des CSS-Codes, der den Rahmen 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 verschwindet der unschöne Rand, wenn auf die Eingabeschaltfläche geklickt wird. Ihr Button sieht jetzt sauber und professionell aus.