检测选择框上的焦点以更改周围DIV中的类/样式

用户名

我有一个问题,我需要用div包围选择框。该选择框是透明的,因此样式(包括焦点样式)需要出现在周围的div上。我一直在尝试检测选择框是否处于焦点,如果有的话添加一个类。但是似乎没有任何工作...我还使用了.is:focus脚本,该脚本在大多数浏览器中都可以正常运行,但在IE(特别是IE8)中却无法使用,但不幸的是我必须支持。有人可以帮忙吗?

 <div class="styled-select">
<select id="Title" name="Title" required autofocus="autofocus">
     <option value="" selected=yes> Title </option>
     <option value="Ms" > Ms </option>
    <option value="Mrs" > Mrs </option>
 </select>
</div>    

var select = $('select:focus');    

$(select).each(function(){
      $('.styled-select').addClass('focus');
  });
Charaf JRA

我认为您只需要更改每个焦点即可:

 $('#Title').focusin(function(){
      $(this).parent().addClass('focus');
  });

此处演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在WPF中全局更改焦点按钮周围的虚线样式?

来自分类Dev

如何在WPF中全局更改焦点按钮周围的虚线样式?

来自分类Dev

在WebView中检测选择更改

来自分类Dev

如何检测没有焦点的控件中的修改键更改?

来自分类Dev

如何在JS中检测焦点更改事件?

来自分类Dev

从UITableView didSelectRowAtIndexPath检测UISegmentedControl中的选择更改

来自分类Dev

在ASP.NET中更改div的样式

来自分类Dev

检测样式属性中的某些值并对其进行更改

来自分类Dev

我可以更改外部div样式类中按钮(<div class =“ btn export-btn”)的可见性吗?

来自分类Dev

如何使用选择框更改div的背景样式?

来自分类Dev

如何使用选择选项更改div的样式

来自分类Dev

使用点击事件来更改“焦点”中的div?

来自分类Dev

如何应用 css 样式来选择焦点?

来自分类Dev

在选择框上过早触发更改事件

来自分类Dev

如何更改ggplot中图例的样式,以使每个元素周围都有一个矩形?

来自分类Dev

Video.js更改焦点样式

来自分类Dev

在输入字段的焦点上更改字形的样式

来自分类Dev

CSS选择器语法,用于在div类中更改锚点背景颜色

来自分类Dev

您可以在BeautifulSoup中编写使用类或样式在div中标识所需信息的CSS选择器吗?

来自分类Dev

删除div具有类错误消息,并在父div类样式选择后显示

来自分类Dev

当文本框获得焦点时,如何设置样式中的“选择所有文本”?

来自分类Dev

更改复选框上的DIV

来自分类Dev

如何检测div何时失去焦点?

来自分类Dev

使用javascript更改类的CSS样式,但不更改DOM中的样式

来自分类Dev

如何使用CSS更改选择框中的箭头样式

来自分类Dev

选择/检测d3.js中已更改的元素?

来自分类Dev

在选择框上选择时Javascript更改值

来自分类Dev

jQuery检测键盘按下,然后将焦点放在文本框上

来自分类Dev

根据列表中的选择更改div的内容

Related 相关文章

  1. 1

    如何在WPF中全局更改焦点按钮周围的虚线样式?

  2. 2

    如何在WPF中全局更改焦点按钮周围的虚线样式?

  3. 3

    在WebView中检测选择更改

  4. 4

    如何检测没有焦点的控件中的修改键更改?

  5. 5

    如何在JS中检测焦点更改事件?

  6. 6

    从UITableView didSelectRowAtIndexPath检测UISegmentedControl中的选择更改

  7. 7

    在ASP.NET中更改div的样式

  8. 8

    检测样式属性中的某些值并对其进行更改

  9. 9

    我可以更改外部div样式类中按钮(<div class =“ btn export-btn”)的可见性吗?

  10. 10

    如何使用选择框更改div的背景样式?

  11. 11

    如何使用选择选项更改div的样式

  12. 12

    使用点击事件来更改“焦点”中的div?

  13. 13

    如何应用 css 样式来选择焦点?

  14. 14

    在选择框上过早触发更改事件

  15. 15

    如何更改ggplot中图例的样式,以使每个元素周围都有一个矩形?

  16. 16

    Video.js更改焦点样式

  17. 17

    在输入字段的焦点上更改字形的样式

  18. 18

    CSS选择器语法,用于在div类中更改锚点背景颜色

  19. 19

    您可以在BeautifulSoup中编写使用类或样式在div中标识所需信息的CSS选择器吗?

  20. 20

    删除div具有类错误消息,并在父div类样式选择后显示

  21. 21

    当文本框获得焦点时,如何设置样式中的“选择所有文本”?

  22. 22

    更改复选框上的DIV

  23. 23

    如何检测div何时失去焦点?

  24. 24

    使用javascript更改类的CSS样式,但不更改DOM中的样式

  25. 25

    如何使用CSS更改选择框中的箭头样式

  26. 26

    选择/检测d3.js中已更改的元素?

  27. 27

    在选择框上选择时Javascript更改值

  28. 28

    jQuery检测键盘按下,然后将焦点放在文本框上

  29. 29

    根据列表中的选择更改div的内容

热门标签

归档