Question

span hover不起作用。我想制作一个系统，当我在File Select1＆amp;中设置鼠标时File Select2＆amp;文件Select3，字母变为蓝色。我在html中写道

<form action="/accounts/upload_save/" method="POST" enctype="multipart/form-data">
            {% csrf_token %}

          　　<div class="input-group">
                <label class="input-group-btn">
                  <span class="btn btn-primary btn-lg file_select">
                    File Select1
                    <input type="file" name="image">
                  </span>
                </label>
          　　　 <input type="text" class="form-control" readonly="">
          　　</div>

          　　<div class="input-group">
                <label class="input-group-btn">
                  <span class="btn btn-primary btn-lg file_select">
                    File Select2
                    <input type="file" name="image2">
                  </span>
                </label>
          　　　 <input type="text" class="form-control" readonly="">
          　　</div>
          　　
          　　<div class="input-group">
                <label class="input-group-btn">
                  <span class="btn btn-primary btn-lg file_select">
                    File Select3
                    <input type="file" name="image3">
                  </span>
                </label>
          　　　 <input type="text" class="form-control" readonly="">
          　　</div>


            <div class="form-group">
              <input type="hidden" value="{{ p_id }}" name="p_id" class="form-control">
            </div>
              <div class="form-group">
              <input type="submit" value="SEND" class="form-control">
              </div>
          </form>

我在css文件中写道

.file_select:hover {
  background-color: blue;
}

但现在，它没有用。我不认为写作的方式是错的。但是我该怎么解决这个问题？我写错了背景颜色吗？

Answer 1

要更改文字的颜色， color: blue,属性用于CSS，而不是background-color属性

检查这个例子，这是什么意思？

Example

跨度悬停不起作用

1 个答案: