abubaker0000 Posted October 13, 2014 Share Posted October 13, 2014 how can make the text box like line as in the photo Quote Link to comment Share on other sites More sharing options...
cyberRobot Posted October 13, 2014 Share Posted October 13, 2014 You could use CSS to hide the border of the form field. Then place a border beneath content element that holds the field and label. Note that the search box on the CSS Tricks website (http://css-tricks.com/) is styled that way. You could dig through the source code to see how it's done. 1 Quote Link to comment Share on other sites More sharing options...
CroNiX Posted October 13, 2014 Share Posted October 13, 2014 Just hide the left/top/right border of the form fields Quote Link to comment Share on other sites More sharing options...
abubaker0000 Posted October 13, 2014 Author Share Posted October 13, 2014 how I can hide it ? Quote Link to comment Share on other sites More sharing options...
cyberRobot Posted October 13, 2014 Share Posted October 13, 2014 You could do something like this: input { border:0; border-bottom:1px solid #666; } 1 Quote Link to comment Share on other sites More sharing options...
abubaker0000 Posted October 14, 2014 Author Share Posted October 14, 2014 I do it but in mouse click(focus) the border shadow is visible Quote Link to comment Share on other sites More sharing options...
cyberRobot Posted October 14, 2014 Share Posted October 14, 2014 I do it but in mouse click(focus) the border shadow is visible Perhaps one of the following articles will help: https://www.google.com/#q=css%20input%20border%20shadow Quote Link to comment 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.