Select inputs and text inputs in HTML – Best way to make equal width?

by

The solution is to specify box model for form elements, and browsers tend to agree most when you use border-box:

input, select, textarea {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

There’s normalize.css project that aggregates such tricks.

More Related Contents:

  1. Margin on child element moves parent element
  2. Make a div into a link
  3. How do I center align horizontal menu?
  4. Should I avoid using !important in CSS?
  5. IE 8: background-size fix [duplicate]
  6. CSS: Hover one element, effect for multiple elements?
  7. xHTML/CSS: How to make inner div get 100% width minus another div width
  8. Cols, colgroups and css “:hover” pseudoclass
  9. CSS Justify text, fill space with dots [duplicate]
  10. Can we use any other TAG inside along with ? [duplicate]
  11. Replacing H1 text with a logo image: best method for SEO and accessibility?
  12. For div to extend full height
  13. html5 vertical spacing issue with
  14. CSS Parent/Ancestor Selector [duplicate]
  15. Vertical and horizontal align (middle and center) with CSS [duplicate]
  16. Why and not taking font-family and font-size from body?
  17. how to set background image in submit button?
  18. Why shouldn’t I use position:absolute for positioning everything?
  19. How to create one vertical column in between rows in Flexbox [closed]
  20. How can i make this wave effect on both bottom and top
  21. Why is a flex item limited to parent size?
  22. Remove blue border from css custom-styled button in Chrome
  23. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  24. Internet Explorer’s CSS rules limits
  25. CSS: Set a background color which is 50% of the width of the window
  26. How can I prevent CSS gradient banding?
  27. Can I define a class name on paragraph using Markdown?
  28. Why box-sizing is not working with width/height attribute on canvas element?
  29. Center fixed div with dynamic width (CSS)
  30. Row Wrap in flex-box not wrapping in Safari

Leave a Comment