如何对“输入”元素具有“选项卡选择器”效果？

Question

我正在尝试将您可以在屏幕快照上方的表格上方看到的“标签突出显示”实现为我的“输入”元素，以便用户知道他们单击并当前位于哪个字段。

尝试“聚焦”和“ ::选择”将输入域的左侧边框更改为聚焦或选中时变为蓝色。没用那时我的想法已经用完了。

https://codepen.io/anon/pen/QRybBr

.section1 .uk-input:focus{
    background:#EAEEF2;
    border: 1px, solid, black !important;
}

基本上是屏幕截图中的内容（对不起php的东西）。

当我专注于输入时，我可以更改输入的背景。虽然不能更改边框。它保持蓝色。

Answer 1

如果您只想更改所选输入的背景颜色（这就是我想做的），则只需从CSS中删除“，”

写

border: 1px solid black !important;

代替

border: 1px, solid, black !important;