0

我正在使用Foundation Zurb创建一个 Web 应用程序。我使用自定义表单来设置选择区域的样式，并且在我拥有选择字段的某些页面上这样做： 错误 当它们看起来像这样时： 正常状态

代码

<div class="row">
    <div class="small-6 columns">
        <!-- country -->
        <div class="error-spacer">
            <span class="form-error-message" id="country_error">&nbsp;</span>
            <p>
                <select id="country" name="country" title="Country">
                    <option value="">Country</option>
                    <option data-list="united-states-list" value="United States">United States</option> 
                    <option data-list="united-kingdom-list" value="United Kingdom">United Kingdom</option> 
                    <option data-list="australia-list" value="Australia">Australia</option> 
                </select>
            </p>
        </div>
    </div>
    <!-- /country -->

    <div class="small-6 columns">
        <!-- region -->
        <div class="error-spacer">
            <span class="form-error-message" id="region_error">&nbsp;</span>
            <p>
                <select id="region" name="region" title="Region">
                    <option value="">Please Select Country</option>
                </select>
            </p>
        </div>
        <!-- /region -->
    </div>
</div>
4

1 回答 1

0

原来是一些自定义 CSS 干扰了 Foundation 的 CSS。

于 2015-04-27T12:41:22.780 回答