如何通过标签更改所选元素的背景?

时间:2018-07-19 13:17:26

标签: javascript jquery html css drop-down-menu

我正在创建联系表格,并希望通过突出显示所选项目的背景,同时使用键盘在它们之间切换来使其更加友好。

这里是fiddle来帮助说明。

在第一个框中单击然后单击选项卡时,将选择下拉菜单,并且应更改其背景颜色以指示其选择。 (注意:不影响下拉选项)

通过制表符选择元素时,如何更改元素的正确部分?

<html>
  <body>
    <div class="textarea1">
      <textarea rows="1" cols="20">
  </textarea>
    </div>
    <div class="dropdown">
      <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
    </div>
    <div class="textarea2">
      <textarea rows="1" cols="20">
  </textarea>
    </div>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

我已经编辑了jsfiddle链接 https://jsfiddle.net/srg8o0v4/

您只需要在textarea中为上述所有表单元素添加:focus选择器,然后选择即可。

__typename