JQuery生日选择器显示边框

时间:2012-06-23 20:11:27

标签: javascript jquery css

我正在使用Birthday Picker JQuery插件,它运行正常。问题是我在<div>周围有一个讨厌的边框,而<div>的宽度是100%。有什么方法可以改变吗?
我试过这段代码但没有结果:
        <div class="birthdaypicker" id="birthdate" style="border:none; width:200px;"></div>
$(document).ready(function(){ $("#birthdate").birthdaypicker({}); });

以下是该插件的链接:Birthday Picker

1 个答案:

答案 0 :(得分:1)

birthdaypicker plugin在.birthdaypicker div中生成以下标记:

<fieldset class='birthday-picker'>
    <select class='birth-year' name='birth[year]'></select>
    <select class='birth-month' name='birth[month]'></select>
    <select class='birth-day' name='birth[day]'></select>
    <input type='hidden' name='birthdate' />
</fieldset> 

您可以通过添加以下css来删除生成的fieldset元素的边框:

.birthday-picker {
    border: none;
}