<div class="group">
<input placeholder="Номер карты" class="inpts inpt-card">
<input placeholder="Владелец карты" class="inpts inpt-owner">
<input placeholder="ММ/ГГ" class="inpt-mm small-inpts mmgg">
<input placeholder="CVC" class="inpt-cvc small-inpts cvc">
<div class="clear"></div>
所有代码位于 - https://jsfiddle.net/romariokbn/pspb5urc/
我想在所有聚焦输入上使用框阴影,但它们的某些面在其他输入下。 Z-index 更改不起作用。我该怎么做?
最佳答案
您也可以只添加如下所示的 css 属性
position:relative;
编辑:imo 不需要 jquery/js 代码
.inpts:focus, .small-inpts:focus {
-webkit-box-shadow: 0px 0px 10px 0px #fbb040;
-moz-box-shadow: 0px 0px 10px 0px #fbb040;
box-shadow: 0px 0px 10px 0px #fbb040;
z-index: 10;
-webkit-appearance: none;
position: relative;
}
如果您真的希望影响此页面上的所有输入,请将其添加到“输入”中
input {
outline: none;
position: relative;
}
关于html - Box Shadow 在输入焦点上工作不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39191985/