Question

我有一个glyphicon-star图标，作为复选框操作。当用户键盘通过Tab键导航到星形时，星形图标会在它是聚焦元素时接收黄色css样式。这背后的想法是简单地向用户显示他们在页面上的位置。

但是，出现的问题是当我点击glyphicon-star图标时，即使标签到下一个元素，该星也会保留黄色。

如何调整CSS以仅适用于键盘导航？

.glyphicon.glyphicon-star:focus {   
color: yellow;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
 }

.glyphicon.glyphicon-star-empty:focus {
color: yellow;
box-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  }

declare @MyParameter integer
se @MyParameter = Set At Runtime (could be -1 or any value >=1)

SELECT manyfields FROM manyjoinedtables
where
 case when @MyParameter> -1 then 
 (FIELD1 **=** @MyParameter AND ANOTHERFIELD = Value**)**
 end -- note: in case @MyParameter  = -1 i do not want to add where condition

Answer 1

你可以尝试：

input:not(:focus) { /* Styles for only form inputs that do not have focus */ }

只有键盘焦点时，如何才能为glymphicon图标应用CSS样式？

1 个答案: