Issue with Input & Select tag height in form

by

You have to give height to your select & give box-sizing property for this also.

select {
    border:1px solid #ccc;
    vertical-align:top;
    height:20px;
}
input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

Check this http://jsfiddle.net/RCnQa/16/

Works on IE8 & above.

More Related Contents:

  1. How to draw this chart in html and CSS? [closed]
  2. Change a HTML5 input’s placeholder color with CSS
  3. Bootstrap NavBar with left, center or right aligned items
  4. How do I select an element based on the state of another element in the page with CSS?
  5. Bootstrap Center Vertical and Horizontal Alignment
  6. Select arrow style change
  7. What is the best way to clear the CSS style “float”?
  8. How to use particular CSS styles based on screen size / device
  9. How to make the items in the last row consume remaining space in CSS Grid?
  10. Wait for fonts to load before rendering web page
  11. Responsive CSS triangle with percents width
  12. How can I center elements horizontally or vertically with Twitter Bootstrap?
  13. List of CSS vendor prefixes?
  14. @font-face works in IE8 but not IE9
  15. Is it possible to use an input value attribute as a CSS selector?
  16. position: absolute without setting top/left/bottom/right?
  17. Z-index with before pseudo-element
  18. Select inputs and text inputs in HTML – Best way to make equal width?
  19. Animating max-height with CSS transitions
  20. How can I make a fieldset legend-style “background line” on heading text?
  21. Float a div above page content
  22. Why does clip-path (and other properties) affect the stacking order (z-index) of elements later in DOM?
  23. font-face with wrong MIME type in Chrome
  24. Can you target an element with CSS only if 2 classes are present?
  25. Vertically center items with flexbox
  26. Dynamic CSS for ASP.NET MVC?
  27. Can I replace the expand icon (▶) of the element?
  28. CSS: How to change colour of active navigation page menu
  29. using a div to blur an image behind it? [duplicate]
  30. CSS: clean solution to the margin collapse issue when floating an element

Leave a Comment