框阴影在输入表单的 Safari 中不起作用

Box shadow not working in safari on input form

提问人：Khan Shahan 提问时间：8/28/2020 最后编辑：MechKhan Shahan 更新时间：8/28/2020 访问量：994

问：

我已经应用了一切。

.gf_bottom_address input[type="text"] {
  -webkit-appearance: none;
  border-radius: 5px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0) !important;
}
<input name="input_1" id="input_4_1" type="text" value="" class="large pac-target-input" placeholder="Enter your home address" aria-required="true" aria-invalid="false" autocomplete="off">

CSS Safari（CSS野生动物园）

评论

0赞 Mech 8/28/2020
你能不能也展示你的HTML
0赞 Khan Shahan 8/28/2020
<input name=“input_1” id=“input_4_1” type=“text” value=“” class=“large pac-target-input” placeholder=“输入您的家庭住址” aria-required=“true” aria-invalid=“false” autocomplete=“off”>

答：

2赞 Mech 8/28/2020 #1

我已将应该进行更改的代码段添加到（!important-webkit-appearance: none;-webkit-appearance: none !important;

.gf_bottom_address input[type="text"] {
  -webkit-appearance: none !important;
  border-radius: 5px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0) !important;
}
<input name="input_1" id="input_4_1" type="text" value="" class="large pac-target-input" placeholder="Enter your home address" aria-required="true" aria-invalid="false" autocomplete="off">

上一个：被子栅格截断的边框圆角半径

下一个：使元素具有粘性，然后可滚动？