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

Question

在下面的屏幕截图中 State是一个服务器链接元素，它使用数据库中的国家名称提取州名称。不幸的是，以前的开发人员使用带有 <SPAN></SPAN> 的 PHP 代码开发了这个并且是在 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

如我所见，您可以在选择删除类 jcf-hidden 中删除 div class="row"和 "select"之间的所有内容。 <div class="row"><br/> <select id="state-select" name="stateSelect" style="margin-left: 8px;"><br/> <option value="">Please select a country first</option> </select><br/> </div> 查看元素应用了何种样式的最佳且快速的方法是使用 Chrome 中的开发人员控制台。