Question

我的网站div类中有很多表单控件，我想改变只有1个表单控件的样式。怎么可能？我试图给一个id，但它不起作用。

<ul className="nav navbar-nav navbar">
                <li><input type="search" className="form-control" id="this" placeholder="Search" id="search_input" /></li>
                <div className="col-sm-1">
                <li><button type = 'button' onClick={submitSearch}>Search</button></li>
                <li>
                    <div id="search_results">
                    </div>
                </li>
                </div>
 </ul>

所以我只想改变这种表单控件的风格！怎么写在我的CSS文件中？比你。

Answer 1

您在同一输入上有2个ID ..

<input type="search" className="form-control" id="this" placeholder="Search" id="search_input" />

这可能就是你遇到问题的原因。删除其中一个ID，然后通过css定位另一个。

<input type="search" className="form-control" placeholder="Search" id="search_input" />

input#search_input { /* css style here */ }

Answer 2

如果要过滤某些选择器，可以使用pesudo元素：

.form-control:first-of-type //First in its parent
.form-control:last-of-type  //last in its parent
.form-control:nth-child(2)  //.form-control only where it is second element of its parent

用自己的id改变类的样式

2 个答案: