C# 无法获取我的Html<；输入>；按钮默认为我选择的颜色

我编写了一个菜单类，其中默认颜色为#029BD5。使用Html方法，我可以让菜单选项在鼠标经过时改变颜色

.over{背景色：白色；}
.out{背景色：#029BD5；}

菜单选项以灰色开始，但当鼠标经过时会变为正确的颜色（白色，然后是#029BD5）

---

我试着在每个按钮上设置颜色，但颜色从未改变，我缺少什么？

我想你想得太多了：

<input type="button" value="Button 1"  />
<input type="button" value="Button 2"  />
<input type="button" value="Button 3"  />

---

对于悬停效果，不需要使用特定的类来执行此操作

您可以使用一个CSS类和两个选择器执行此操作：

input[type=button]{
    background-color:#029BD5;
}

input[type=button]:hover{
    background:white;
}

您可以给按钮一个class

class='button'

那么您的CSS将是：

.button{
    /* define base styles here - borders, width, margins, etc */
    height:30px;
    width:200px;
    position:absolute; 
    left:150px;
    top:3px

    /* define the default background color */
    background-color:#029BD5;
}

.button:hover{ /* Style used on mouseover */
    background-color:white;
    /* Only defining the background-color will override the background-color 
       defined in .button - all other styles from .button will be preserved */
}

.button:active{ /* Style used on mouse click */
    background-color: /* your color */;
}

---

你真的不需要使用这么多乱七八糟的代码。只需使用CSS:hover选择器即可

HTML:

<input type="button" id="btn1" class="button" value="Button 1"/>
<input type="button" id="btn2" class="button" value="Button 2"/>
<input type="button" id="btn3" class="button" value="Button 3"/>

.button {
    position:absolute;

    height:30px;
    width:200px;

    left:50%;
    margin-left:-100px;

    background-color:white;
}
.button:hover {
    background-color:#029BD5;
}

#btn1{
    top:5px;
}
#btn2{
    top:40px;
}
#btn3{
    top:75px;
}

---

您需要为输入元素分配适当的类。当前，仅当鼠标移到元素上时，才开始指定任何颜色。而且，您应该只使用css来实现这一点，而不是css和JavaScript的组合。JS部分没有必要。这是一个c#问题吗？看起来只是简单的html、css和javascript。

.button {
    position:absolute;

    height:30px;
    width:200px;

    left:50%;
    margin-left:-100px;

    background-color:white;
}
.button:hover {
    background-color:#029BD5;
}

#btn1{
    top:5px;
}
#btn2{
    top:40px;
}
#btn3{
    top:75px;
}