2011-11-12 53 views
0

我似乎完全無法更改jQtransform下拉字體大小。我正在使用默認的h5bp css文件,儘管這似乎是造成麻煩(我非常懷疑它)。我的形式看起來是這樣的更改jQtransform下拉字體大小

    <form id="qstart" class="cssform" action=""> 

<select name="select">  
    <option value="opt1" >Anyone can join, at anytime</option> 

    <option value="opt2">Send invitations to people I want to join</option> 
    <option value="opt3">Allow people to apply to the group at anytime, but I'll approve who gets in</option> 
</select> 
    <br/> 
<div style="text-align:center;display:block;"> 
    <br/> 
<input type="submit" value="LET'S GO! WOOO!" /> 
</div> 

</form> 

當我嘗試

 .cssform select{ 
      font-size:20px !important; 
    } 
.cssform select option{ 
      font-size:20px !important; 
    } 

所有的改變是,選擇框的寬度。有什麼建議?

回答

1

jQtransform隱藏您的原始<select>元素並將其替換爲它自己的HTML以重現其行爲。

在初始化jQtransform並設置CSS代碼中的元素後,您需要查看添加到DOM的HTML代碼。

+0

.cssform .jqTransformSelectWrapper div span { font-size:17px!important; } .cssform .jqTransformSelectWrapper ul { font-size:17px!important; } 完美地工作。非常感謝你! –