使一个HTML表单看起来像其他

Question

在下面的屏幕截图中，State是一个服务器链接元素，它使用数据库中的国家/地区名称来提取状态名称。不幸的是，之前的开发人员使用PHP代码<SPAN></SPAN>开发了这个，并且是在框架Kohana（我不知道）中开发的，并且让我很难让State元素看起来像其他dropdox框。有没有简单的方法使State字段看起来像其他下拉框？我在CSS中尝试了很多方法，但无法带来确切的感觉。

HTML代码：

<div class="row">                                       
    <label>State</label>                                        
    <div class="holder">                                                                                             
        <input type="text" max="20" id="state-input" name="stateInput" value="" style="display: none;">
    </div>          
    <span class="select-area" style="width: 205px;">
    <span class="left"></span>
    <span class="center">Please select a country first</span>
    <a class="select-opener"></a></span>
    <select id="state-select" name="stateSelect" style="margin-left: 8px;" class="jcf-hidden">                                          
        <option value="">Please select a country first</option>
    </select>                                                                            
</div>

截图：

Answer 1

我可以看到你可以在select class jcf-hidden。<div class="row">
<select id="state-select" name="stateSelect" style="margin-left: 8px;">
<option value="">Please select a country first</option> </select>
</div>中删除div class =“row”和“select”之间的所有内容。 查看应用于元素的样式的最佳和快速方法是在Chrome中使用开发者控制台。