更改jQtransform下拉列表的字体大小

Question

我似乎完全无法更改jQtransform下拉列表的字体大小。我正在使用默认的h5bp css文件，虽然这似乎导致了麻烦（我非常怀疑）。我的表单看起来像这样

                   <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;
    }

所有更改都是选择框的宽度。有什么建议吗？

Answer 1

jQtransform隐藏原始的<select>元素并用它自己的HTML替换它以重现它的行为。

在初始化jQtransform并为CSS代码设置这些元素的样式后，您需要查看添加到DOM的HTML代码。