如何使jQuery单选按钮标签不可突出?

时间:2013-10-26 04:12:04

标签: javascript jquery button label radio

我正在成功使用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提供的内容)。谁能告诉我是否可以不使标签文字突出显示(不需要图像),或提供解决方法?

谢谢!

0 个答案:

没有答案