Web Hosting Geeks | Web Hosting Experts
Need help? Call us 1(866)TOP-HOST

14120 reviews 1680 hosting providers

Questions & Answers

Rounded corner textbox

May 10, 2012 by coolguy
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 votes
May 10, 2012 by WebProX
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 votes
May 10, 2012 by ZakWeb
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;
}