मैं चाहता हूं कि इनपुट बॉक्स और चयन बॉक्स समान दिखें और उनका आकार समान हो। इनपुट बॉक्स सीएसएस शैली का पालन करता प्रतीत होता है, लेकिन चयन बॉक्स थोड़ा छोटा हो जाता है ...

<!DOCTYPE html>
<html>
  <head>
    <style>
      .formfld {width:200px; height:50px; margin:0; padding:0;
        border:1px; border-style:solid; border-color:black;}
    </style>
  </head>
  <body>
      <input type="text" name="amount" class="formfld" value="" />
      <br/>
      <select name="cardtype" class="formfld">
        <option value="Visa">Visa</option>
        <option value="Mastercard">Mastercard</option>
      </select>
  </body>
</html>
2
Free Bud 2 अक्टूबर 2020, 19:02

1 उत्तर

सबसे बढ़िया उत्तर

क्योंकि select डिफ़ॉल्ट CSS शैली है box-sizing: border-box; और inputमें डिफ़ॉल्ट css शैली नहीं है box-sizing: border-box;

आपको यह कोड आज़माना चाहिए या style box-sizing: border-box; . में जोड़ना चाहिए

<!DOCTYPE html>
<html>
  <head>
    <style>
      .formfld {width:200px; height:50px; margin:0; padding:0;
        border:1px; border-style:solid; border-color:black;box-sizing: border-box;}
    </style>
  </head>
  <body>
      <input type="text" name="amount" class="formfld" value="" />
      <br/>
      <select name="cardtype"  class="formfld">
        <option value="Visa">Visa</option>
        <option value="Mastercard">Mastercard</option>
      </select>
  </body>
</html>
2
Kashif Shahzad 2 अक्टूबर 2020, 19:17