Rounded corner textbox

299 views
asked May 10, 2012 in Website Builder by coolguy (440 points)
hello
I want to add rounded corner textbox in my website, to match with the whole look. I am using drupal and I’m not sure how to make the textbox rounded. Does anyone know a code that I can use for this?
Appreciate your response.
Thanks

2 Answers

0 like 0 dislike
answered May 10, 2012 by WebProX (12,200 points)
HTML Code for rounded corner textbox
<div class="loginboxdiv">
  <input class="loginbox" name="username" type="text" />
</div>
The container “div” contains the background image of rounded corners and inside of that the real textbox resides.
0 like 0 dislike
answered May 10, 2012 by ZakWeb (3,880 points)
CSS Code
.loginboxdiv
{
 margin:0;
 height:21px;
 width:146px;
 background:url(login_bg.gif) no-repeat bottom;
}

.loginbox
{
 background:none;
 border:none;
 width:134px;
 height:15px;
 margin:0;
 padding: 2px 7px 0px 7px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}
...