2013-05-10 57 views
0

我正在使用Foundation Zurb來創建Web應用程序。我使用自定義表單樣式選擇地區和一些,我有選擇字段的頁面都這樣做: error 當他們應該是這樣的: normal stateFoundation ZURB自定義窗體選擇選項錯誤

代碼

<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> 
+0

將代碼包裝在一個'

'標記中並初始化Foundation ZURB按我的預期工作。看看這[小提琴](http://jsfiddle.net/tLXqH/)。你必須有一些你自己的自定義CSS來打破它。檢查您的瀏覽器開發工具。 – 2013-05-12 09:40:50

+0

是的,這是一個規則,我搞砸了。 – Glen 2013-05-13 12:31:15

回答

0

原來成爲一些自定義CSS干擾基金會的CSS。