简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Hover-Effekte von den Schaltflächen „Senden' und „Zurücksetzen' entfernen: Schritt-für-Schritt-Anleitung
P粉099000044
P粉099000044 2024-04-01 22:32:31
0
1
337

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粉099000044
P粉099000044

Antworte allen(1)
P粉037450467
P粉0374504672024-04-02 00:52:36 1 Etage 


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

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

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！