LeonLatex Posted September 9, 2021 Share Posted September 9, 2021 I can control the width, but not the height. How can I set the height of a <input type="text">element with the w3 css? Quote Link to comment https://forums.phpfreaks.com/topic/313692-w3-css-input-element-how-to-set-the-height-of-a/ Share on other sites More sharing options...
requinix Posted September 9, 2021 Share Posted September 9, 2021 You can set height with CSS just fine. What markup/CSS do you have now? Quote Link to comment https://forums.phpfreaks.com/topic/313692-w3-css-input-element-how-to-set-the-height-of-a/#findComment-1589779 Share on other sites More sharing options...
LeonLatex Posted September 9, 2021 Author Share Posted September 9, 2021 <input class='w3-input w3-border w3-light-grey w3-right' type="text" name="email"> Quote Link to comment https://forums.phpfreaks.com/topic/313692-w3-css-input-element-how-to-set-the-height-of-a/#findComment-1589780 Share on other sites More sharing options...
requinix Posted September 10, 2021 Share Posted September 10, 2021 I don't see anything in the W3 reference for heights. Have you considered writing (gasp) your own CSS instead? Quote Link to comment https://forums.phpfreaks.com/topic/313692-w3-css-input-element-how-to-set-the-height-of-a/#findComment-1589781 Share on other sites More sharing options...
LeonLatex Posted September 10, 2021 Author Share Posted September 10, 2021 Because i cant find out how to write it with the w3 css. Actualy i am used to write my own css script files, but trying to learn w3 css. <input class='w3-input w3-border w3-light-grey w3-right' type='text' name='email'> Quote Link to comment https://forums.phpfreaks.com/topic/313692-w3-css-input-element-how-to-set-the-height-of-a/#findComment-1589782 Share on other sites More sharing options...
Barand Posted September 10, 2021 Share Posted September 10, 2021 W3 has size classes (w3-tiny, w3-small, w3-medium, w3-large etc) Alternatively you can override the W3 class <input class='w3-input w3-border w3-light-grey w3-right' type="text" name="email" style='height: 25px;'> or in your css .w3-input { height: 25px; } Quote Link to comment https://forums.phpfreaks.com/topic/313692-w3-css-input-element-how-to-set-the-height-of-a/#findComment-1589785 Share on other sites More sharing options...
LeonLatex Posted September 10, 2021 Author Share Posted September 10, 2021 Thanks requinix and barry. Quote Link to comment https://forums.phpfreaks.com/topic/313692-w3-css-input-element-how-to-set-the-height-of-a/#findComment-1589790 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.