No tengo acceso al html para este formulario, todos los temas deben realizarse a través de css que se carga en el iframe que muestra el formulario. Sí, este código es molesto y una mala práctica, pero es lo que es.
<input class="give-input required" type="text" name="give_first" autocomplete="given-name" placeholder="First Name" id="give-first" value="" required="" aria-required="true" style="padding-left: 33px!important;" tabindex="1">
Las versiones de lo siguiente, que comienzan con #give-first y agregan una mayor especificidad, no funcionan
#give-first-name-wrap input#give-first.give-input.required[style] { padding-left:0; }
¡No tengo un gancho para cargar jQuery en el iframe, muy molesto!
Todas las sugerencias recibidas con gratitud.
Los atributos de style
tienen mayor especificidad que cualquier selector.
Solo se pueden anular si no son !important
y usa una regla !important
.
En este caso, la regla es !important
, por lo que no puede anularla.
Podrías reemplazarlo con JS. No necesitas jQuery .