Question

我有我的搜索框：

 <div class="search-box col-sm-5 col-sm-offset-4">
            <div class="input-group input-group-lg">
    <input type="search" width="100%" autocomplete="off" class="form-control input-lg" id="q" name="q">
    <div class="input-group-btn">
       <button type="submit" class="button">Search</button>
       </div>..........

我试图更改框发光的颜色[box-shadow]

我改变了

-webkit-box-shadow:0 0 8px rgba(89,133,39,.6);box-shadow:0 0 8px rgba(89,133,39,.6)}

（rgb最初是82,168,236）在我的docs.min.css

中

但它似乎没有任何影响。

我做错了什么？

Answer 1

在代码段上看起来不错。如果你使用非缩小的CSS，我觉得更好。

另外考虑bootstrap可能会覆盖你的css规则，所以尝试在行尾添加重要内容。

input {
-webkit-box-shadow:0 0 8px rgba(89,133,39,.6);box-shadow:0 0 8px rgba(89,133,39,.6) !important;
}

input {
-webkit-box-shadow:0 0 8px rgba(89,133,39,.6);box-shadow:0 0 8px rgba(89,133,39,.6);
}

 <div class="search-box col-sm-5 col-sm-offset-4">
    <div class="input-group input-group-lg">
        <input type="search" width="100%" autocomplete="off" class="form-control input-lg" id="q" name="q">
        <div class="input-group-btn">
           <button type="submit" class="button">Search</button>
        </div>
     </div>
  </div>

输入组lg的boxshadow？

1 个答案: