Estoy usando Fundación Zurb para crear una aplicación web Utilizo formularios personalizados para seleccionar áreas de estilo y en algunas de las páginas que tengo los campos seleccionados están haciendo esto:
Cuando deberían verse así:
Código
<div class="row">
<div class="small-6 columns">
<!-- country -->
<div class="error-spacer">
<span class="form-error-message" id="country_error"> </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"> </span>
<p>
<select id="region" name="region" title="Region">
<option value="">Please Select Country</option>
</select>
</p>
</div>
<!-- /region -->
</div>
</div>
Respuestas
0 para la respuesta № 1Resultó ser un CSS personalizado que interfería con CSS de la Fundación.