CODEWITHSUNDEEP
csssafari
Khan Shahan
Khan Shahan

Reputation: 45

Box shadow not working in safari on input form

I have applied everything.

.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">

Upvotes: 1

Views: 1084

Answers (1)

Mech
Mech

Reputation: 4015

I've added !important to the piece of code that should be making the change (-webkit-appearance: none; to -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">

Upvotes: 2

Related Questions