input输入框怎样做成圆角的 5
原始效果刷新后的效果我想把输入框做成圆角的，但是背景有个黄色的不知道怎么去，必须刷新一下才能没有源代码如下：background-image:url(../images/...
原始效果
刷新后的效果
我想把输入框做成圆角的，但是背景有个黄色的不知道怎么去，必须刷新一下才能没有
源代码如下：
background-image: url(../images/login_bg.png);
background-repeat: no-repeat;
height: 30px;
width: 200px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
background-color: #F3F3F3;
line-height: 30px;
padding-left: 5px;
color: #CCCCCC;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif; 展开
刷新后的效果
我想把输入框做成圆角的，但是背景有个黄色的不知道怎么去，必须刷新一下才能没有
源代码如下：
background-image: url(../images/login_bg.png);
background-repeat: no-repeat;
height: 30px;
width: 200px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
background-color: #F3F3F3;
line-height: 30px;
padding-left: 5px;
color: #CCCCCC;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif; 展开
展开全部
使用工具：
HBuilder.exe
代码：
代码含义：
<input> 标签用于搜集用户信息的输入框。
type="text" 规定 input 元素是文本类型。
value=“输入框圆角” 规定 input 元素的值。
border-radius: 6px; 使元素有6个像素的圆角边框。
代码原理：
border-radius 规定元素圆角的大小。
效果：
代码原件：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="text" value="输入框圆角" style="border-radius: 6px;">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="text" value="圆角" style="border-radius: 5px">
// 5px 表示圆的弧度大小 CSS 3.0 的属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
答案：用layer-list
1.drawable里面新建一个round.xml文档（名字是我随便取的），内容如下：
<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:bottom="1dp" android:right="1dp" android:top="1dp" android:left="1dp">
<shape>
<!-- 这里就是圆角设定 ，可以自定大小-->
<corners android:radius="20dp" />
</shape>
</item>
</layer-list>
2.把登录Button的background设置成@drawable/round（和名字对应）
1.drawable里面新建一个round.xml文档（名字是我随便取的），内容如下：
<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:bottom="1dp" android:right="1dp" android:top="1dp" android:left="1dp">
<shape>
<!-- 这里就是圆角设定 ，可以自定大小-->
<corners android:radius="20dp" />
</shape>
</item>
</layer-list>
2.把登录Button的background设置成@drawable/round（和名字对应）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="text" style="border-radius:5px; width:200px" />
border-radius这个属性，IE9才开始支持，低版本要想变圆角只能用图片了
border-radius这个属性，IE9才开始支持，低版本要想变圆角只能用图片了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（7）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
