我正在成功使用jQuery并很好地创建单选按钮。但是,我很恼火,按钮上的标签可以通过单击拖动操作突出显示。当我有太多咖啡因或快速连续点击多个按钮时,有时我会在移动鼠标时按住鼠标按钮太长时间,最后选择标签文本而不是单击按钮本身。这是我正在使用的代表性代码:
HTML:
<span id='yesNoSelector'>
<input type='radio' id='yesNoSelector0' name='yesNoSelector' value='Yes'>
<label for='yesNoSelector0'>Yes</label>
<input type='radio' id='yesNoSelector1' name='yesNoSelector' value='No'>
<label for='yesNoSelector1'>No</label>
</span>
JavaScript :( validate()函数是我自己的,以确保值是“合法的”)
<script>
$( #yesNoSelector ).buttonset();
$( input[name='yesNoSelector']).change(function(){ validate(); });
</script>
我没有CSS(超出了jQuery提供的内容)。谁能告诉我是否可以不使标签文字突出显示(不需要图像),或提供解决方法?
谢谢!