JSFiddle:http: //jsfiddle.net/j7Nuc/
我最初的问题是关于如何在单击下拉菜单时突出显示字体大小,因为以下内容不起作用:
$('#Font-Size input:text').text().highlight('12');
但是,我所做的似乎有问题,有时无法正常工作。
我真的不知道该说什么是错误的,因为它似乎并不总是相同的结果,我不知道如何解决的唯一持续问题是删除文本输入上的焦点(默认显示)场地。
最好的问候,蒂姆
JSFiddle:http: //jsfiddle.net/j7Nuc/
我最初的问题是关于如何在单击下拉菜单时突出显示字体大小,因为以下内容不起作用:
$('#Font-Size input:text').text().highlight('12');
但是,我所做的似乎有问题,有时无法正常工作。
我真的不知道该说什么是错误的,因为它似乎并不总是相同的结果,我不知道如何解决的唯一持续问题是删除文本输入上的焦点(默认显示)场地。
最好的问候,蒂姆
尝试
$('#Font-Size input:text').select()
以下是不同问题的答案:
1.) 如果您想在点击下拉菜单时选择文本框值,您可以使用该.focus()
方法。在下拉按钮的点击事件上,使用类似:
$('#Font-Size input:text').focus();
将焦点设置到文本框,它将自动突出显示文本框中当前为 12 的值。
更新的 jsfiddle 在这里:
希望我把.focus()
正确的地方。如果有任何机会需要在后续的 if-else 语句中出现,请更正。
2.)随时取消选择,您可以使用.blur()
方法。
3.)要删除焦点上的默认样式(轮廓),您可以使用
* {
outline : none;
}
在 CSS 文件的顶部。这将从所有元素中删除默认轮廓。更新了这个实现的小提琴是http://jsfiddle.net/j7Nuc/2/