सफारी और क्रोम पर काम नहीं कर रहे एचटीएमएल इनपुट बटन सीएसएस-ऊंचाई

Question

मेरे पास एक बहुत ही बुनियादी सवाल है। मैं अपने एचटीएमएल फॉर्म सबमिट बटन के लिए ऊंचाई 50px पर सेट कर रहा हूं। यह फ़ायरफ़ॉक्स पर काम करता है लेकिन क्रोम और न ही सफारी। कोड निम्न के रूप में सरल है:

<input type="submit" value="Send" style="height:50px;" /> 

कोई विचार यह है कि इसे क्रोम और सफारी पर कैसे काम करना है?

Answer 1

यह <input> से बदलें <button> और अपने सीएसएस के शुरू करने के -webkit-appearance: none; जोड़ने के लिए, उदाहरण के लिए:

.submitbtn { 
    -webkit-appearance: none; 
    height: 50px; 
    background-color:#FFF; 
    color:#666; 
    font-weight:bold; 
    border: solid #666 1px; 
    font-size: 14px; 
} 

Answer 2

यह भी काम करना चाहिए।

-webkit-appearance:default-button; 

इस संपत्ति के लिए कुछ पैरामीटर हैं जिनके लिए आप लाभ ले सकते हैं और/या देख सकते हैं। साथ ही, यदि आप बस इनपुट फ़ील्ड के आंतरिक-छाया को अक्षम करना चाहते हैं तो आप केवल -webkit-look: 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 3

बस पर मेरी <input> मैकबुक पर सफारी ब्राउज़र पर मेरे लिए काम किया -webkit-appearance: none; जोड़ने।

Answer 4

Şήøωў के ^(upvoted)answer को जोड़ना:

@ सफारी 11.0.2 (13604.4.7.1.3) @ MacOS 10.13.2 (17C88)
उदा

input[type=button]{ 
    -webkit-appearance: button; 
} 

(केवल ज्यादातर [-webkit-] font- * बहुत सीमित प्रभाव होने के -size की) मेरी समस्या हल हो जाती;
अधिभावी "उपयोगकर्ता एजेंट स्टाइल शीट":

input:matches([type="button"], [type="submit"], [type="reset"]){ 
    -webkit-appearance: push-button; 
}