Heim  >  Fragen und Antworten  >  Hauptteil

Hover-Effekte von den Schaltflächen „Senden“ und „Zurücksetzen“ entfernen: Schritt-für-Schritt-Anleitung

Welchen Befehl muss ich verwenden, damit es nicht skaliert wird, wenn ich auf die Schaltfläche „Senden“ oder „Zurücksetzen“ klicke? Ich möchte, dass sie normal aussehen. Ich sollte Hover für dieses Programm verwenden, aber nicht für die letzten beiden Schaltflächen

Siehe unten den Code, den ich bisher habe. Alles wird geschätzt

<!DOCTYPE html>
<html>
<head>
    <title>CSS rules</title>

    <style>
input:focus{
    background-color: yellow;
    height: 40px;
    width: 280px;
    color: blue;
    font-size: 24px;
}
input:hover{
    background-color: cyan;
    height: 40px;
    width: 280px;
    color: red;
    font-size: 24px;
}
</style>
</head>

<body>

    <form action="">

        <table>
            <tr>
                <td>Last Name:</td>
                <td>
                    <input type="text" id="LastName" />
                </td>
            </tr>

            <tr>
                <td>First Name:</td>
                <td>
                    <input type="text" id="FirstName"/>
                </td>
            </tr>

            <tr>
                <td>E-mail Address :</td>
                <td>
                    <input type="password" id="Email"/>
                </td>
            </tr>

            <tr>
                <td>
                    <input type="submit"/>
                </td>

                <td>
                    <input type="reset"/>
                </td>
            </tr>
        </table>

    </form>
</body>
<!--body tag ends here-->
</html>
<!--html tag ends here-->

Habe versucht, den Code zu verwenden, komme aber nicht dahinter

P粉099000044P粉099000044181 Tage vor345

Antworte allen(1)Ich werde antworten

  • P粉037450467

    P粉0374504672024-04-02 00:52:36

    
    
    
        CSS rules
    
        
    
    
    
    
        
    Last Name:
    First Name:
    E-mail Address :

    更改了调用样式的方式。通过在 CSS 中传递 [type=text],您可以确保只有 type=text 和 type=password 拾取样式,并使提交和重置按钮不拾取样式。

    Antwort
    0
  • StornierenAntwort