html - leading - paragraph separation css
El botón de entrada HTML css-height no funciona en Safari y Chrome (4)
Agregar a la Şήøωў de Şήøωў (votada) :
@ Safari 11.0.2 (13604.4.7.1.3) @ macOS 10.13.2 (17C88)
p.ej
input[type=button]{
-webkit-appearance: button;
}
resolvió mi problema (de solo- -size de la mayoría [ -webkit- ] font- * que tiene un efecto muy limitado);
reemplazando "Hoja de estilo del agente de usuario":
input:matches([type="button"], [type="submit"], [type="reset"]){
-webkit-appearance: push-button;
}
Tengo una pregunta muy básica. Estoy configurando la altura a 50 px para mi botón de envío de formulario html. Funciona en Firefox pero no en Chrome ni en Safari. El código es tan simple como lo siguiente:
<input type="submit" value="Send" style="height:50px;" />
¿Alguna idea de cómo hacer que funcione en Chrome y Safari?
Cambie de <input> a <button> y agregue -webkit-appearance: none; al comienzo de su CSS, por ejemplo:
.submitbtn {
-webkit-appearance: none;
height: 50px;
background-color:#FFF;
color:#666;
font-weight:bold;
border: solid #666 1px;
font-size: 14px;
}
Esto debería estar funcionando también.
-webkit-appearance:default-button;
Hay bastantes parámetros para esta propiedad que es posible que desee aprovechar y / o tener cuidado. Además, si simplemente desea desactivar las sombras internas de los campos de entrada, puede usar -webkit-appearance: caret ;.
button
button-bevel
caret
checkbox
default-button
listbox
listitem
media-fullscreen-button
media-mute-button
media-play-button
media-seek-back-button
media-seek-forward-button
media-slider
media-sliderthumb
menulist
menulist-button
menulist-text
menulist-textfield
none
push-button
radio
searchfield
searchfield-cancel-button
searchfield-decoration
searchfield-results-button
searchfield-results-decoration
slider-horizontal
slider-vertical
sliderthumb-horizontal
sliderthumb-vertical
square-button
textarea
textfield
Solo agregando -webkit-appearance: none; en mi <input> funcionó para mí en el navegador Safari en Macbook.