单击时如何突出显示过滤器按钮？

I have created a filter button. When clicking it the filter button should be highlighted via shadow. Can please anybody give some suggetions?

我创建了一个过滤按钮。单击时,应通过阴影突出显示过滤器按钮。可以请任何人给出一些建议吗?

1 个解决方案

Here you go:

干得好:

.myfilter:focus {
    box-shadow: 0 0 0 4px #FFFF00; /* use any color you like*/
}

<input class="myfilter" type="text" placeholder="click me"  value="">
<input class="myfilter" type="button"   value="Click me too">

I used CSS focus to highlight the input when it is clicked

我点击时使用CSS焦点突出显示输入

Here you go:

干得好:

.myfilter:focus {
    box-shadow: 0 0 0 4px #FFFF00; /* use any color you like*/
}

<input class="myfilter" type="text" placeholder="click me"  value="">
<input class="myfilter" type="button"   value="Click me too">

I used CSS focus to highlight the input when it is clicked

我点击时使用CSS焦点突出显示输入