Question

我有一个表单，其中字段必须由用户填充。当用户将鼠标悬停在某个字段上时，我希望它能够改变颜色。我试图让这个单独的字段开始工作。我有以下CSS：

.f2:hover{
    border: 10px solid red; 
    border-top-color: orange; 
    background-color: red;
    opacity:1.0;
}

边框正在改变颜色，但字段不会改变颜色任何帮助都会很棒。

Answer 1

你的CSS应该是这样的。

files:
    "/etc/httpd/conf.d/www_rewrite.conf":
        mode: "000644"
        owner: root
        group: root
        content: | 
            RewriteEngine On
            <If "'%{HTTP_HOST}' !~ /^www\./">
            RewriteRule ^(.*)$ http://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
            </If>

这是一个工作的小提琴。

https://jsfiddle.net/wab9na2z/

下次发帖时添加更多详细信息，向我们展示更多代码，并向我们提供有关您问题的更多信息。我希望这能解决你的问题并在学习前端开发的道路上好运。

Answer 2

试试这个。

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <style>
    .f2:hover{
      border: 10px solid red; 
      border-top-color: orange;
      background-color: red;
      opacity:1.0;
    }
  </style>
</head>
<body>
  <form>
    <input class="f2" type="text" name="">
    <input class="f2" type="text" name="">
  </form>
</body>
</html>

Answer 3

这对我有用

＆＃13;

.f2:hover	{ border: 2px solid black; background-color: red; opacity:1.0;}

＆＃13;

<div class="f2">Testing</div>

＆＃13;

在悬停时更改输入字段背景颜色（鼠标悬停）

3 个答案: