圆形文本框css
【腾讯云】亏本大甩卖,服务器4核16G 1年370元(带宽12M,系统盘120GB SSD盘,月流量2000GB)!!!!!!
云产品 配置 价格
服务器 1核2G,带宽5M,系统盘50GB SSD盘,月流量500GB 38元/年
MySQL 1核1G 19元/年
服务器 16核32G,带宽18M,系统盘250GB SSD盘,月流量5000GB 1197元/年
点我进入腾讯云,查看更多详情

I found this code from here: http://www.cssportal.com/form-elements/text-box.htm But the problem is you can still see the rectangular shape of the textbox whenever you click inside it. What would be the fix for this? So that the highlight will go with the image with rounded corners

/* Rounded Corner */
.tb5 {
    background: url(images/rounded.gif) no-repeat top left;
    height: 22px;
    width: 230px;
}
.tb5a {
    border: 0;
    width:220px;
    margin-top:3px;
}

#0

This should only occur in some browsers such as Google Chrome, it is meant to help with usability and accessibility but it can cause issues with some styling. What you want to do is remove the dynamic outlines like this:

input[type="text"] { 
    outline: none;
} 

In addition, you can try highlighting the text box still by including a background image change using a psedo-selector like :focus

input[type="text"]:focus { 
    background: url(images/rounded-focused.gif) no-repeat top left;
} 

推荐文章

每次收到新短信都刷新我的列表视图

每次收到新短信都刷新我的列表视图

推荐文章

麦根托:进口产品价格为一个额外的网站?

麦根托:进口产品价格为一个额外的网站?

推荐文章

TFS2010-轨道合并

TFS2010-轨道合并

推荐文章

C#-如何检索使用添加的项目属性。添加?

C#-如何检索使用添加的项目属性。添加?

推荐文章

本地Force.com网站Rest应用程序模板未显示在“新建项目向导”中

本地Force.com网站Rest应用程序模板未显示在“新建项目向导”中

推荐文章

用JavaScript保护html页面上的元素数据

用JavaScript保护html页面上的元素数据

推荐文章

选择方括号内除数字外的所有内容并替换

选择方括号内除数字外的所有内容并替换

推荐文章

Textmate:CSS包自动完成

Textmate:CSS包自动完成

推荐文章

带重音符号的zip文件

带重音符号的zip文件

推荐文章

将中的silverlight 4项目升级到5时出现问题

将中的silverlight 4项目升级到5时出现问题

推荐文章

如何在Rails应用程序中执行不区分大小写的搜索?

如何在Rails应用程序中执行不区分大小写的搜索?

推荐文章

定义linqtoentity和linqtoobjects可以使用的业务方法

定义linqtoentity和linqtoobjects可以使用的业务方法

推荐文章

为什么三个线程比10个快+

为什么三个线程比10个快+

推荐文章

OData select查询在中不起作用ASP.NETWebAPI测试版

OData select查询在中不起作用ASP.NETWebAPI测试版

推荐文章

在android设备中,多屏幕支持大小的设计并不合适

在android设备中,多屏幕支持大小的设计并不合适

推荐文章

PostgreSQL查询问题

PostgreSQL查询问题