html - leading - paragraph separation css

El botón de entrada HTML css-height no funciona en Safari y Chrome

Question

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?

Answer 1

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;
}

Answer 2

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;
}

Answer 3

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

Answer 4

Solo agregando -webkit-appearance: none; en mi <input> funcionó para mí en el navegador Safari en Macbook.