Question

以下是我的代码。当我将鼠标悬停在搜索按钮上时，我正在寻找文本更改效果。我保持按钮背景相同，只是在悬停时尝试更改文本的颜色。我不确定我错过了什么。有没有更简单的方法来实现这一目标？按钮只保留悬停颜色。我没有想法。

.header_search #search-submit {
    width: 80px;
    height: 35px;
    margin: 0 -83px 0 0;
    background: #ff9105; 
    border: 2px solid black; 
    border-left: none; 
    font-size: 14px; 
    color: #008b95;
    -webkit-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
}

    {{ trans_fast }}

.header_search #search-submit:hover {
    background: #ff9105; 
    color: white
}

Answer 1

.header_search #search-submit {
   width: 80px;
   height: 35px;
   margin: 0 -83px 0 0;
   background: #ff9105;
   border: 2px solid black;
   border-left: none;
   font-size: 14px;
   color: #008b95;
   -webkit-border-radius: 0 5px 5px 0;
   border-radius: 0 5px 5px 0;
}

/* dont know about this "{{ trans_fast }}" */

.header_search #search-submit:hover {
    background: #ff9105;
    color: white;
}

在这里编辑后，看起来应该没问题，trans_fast对我来说是一个非常未知的概念。你的一些css属性是垂直的，有些是水平的。为了语法目的，请同时尝试其中一个但不能同时尝试两者。 PLUS（你忘记了分号的颜色）

Answer 2

添加;和color: white

的结尾

.header_search #search-submit:hover {
    background: #ff9105; 
    color: white;
}

CSS：无法获得：悬停上班，我缺少什么？

2 个答案: