CSS3不带js /图像的输入元素的圆角 [英] CSS3 Rounded corner for input element without js/images
问题描述
我需要一种不使用JavaScript和图片的方式。
新增：
<！DOCTYPE html>
< html>
< head>
< title> xx< / title>
< style type =text / css>
输入
{
-webkit-border-radius：15px;
-moz-border-radius：15px;
border-radius：15px;
}
< / style>
< / head>
< body>
< input type =textvalue =test/>
< / body>
< / html>
它在firefox 3.6.12中不起作用！
CSS3有许多有益于网页设计人员的新功能。这包括边界四舍五入：
输入
{
-webkit-border-radius：5px; //对于Safari等
-moz-border-radius：5px; //对于Mozilla等
border-radius：5px; // CSS3 Feature
}
您可以将一个类添加到输入字段并使用它在这个CSS代码片段中用来定位某些输入元素。
Internet Explorer 8不支持CSS3。 Internet Explorer 9将有望包含所有功能。
关于您编辑的问题：
text / css /应该是text / css。
Who I can make the rounded corner for input elements?
I need a way without using javascript and images..
Added:
<!DOCTYPE html>
<html>
<head>
<title>xx</title>
<style type="text/css">
input
{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
</style>
</head>
<body>
<input type="text" value="test" />
</body>
</html>
It does not work in firefox 3.6.12!
CSS3 has many new features that benefit web designers. This includes border rounding:
input
{
-webkit-border-radius: 5px; //For Safari, etc.
-moz-border-radius: 5px; //For Mozilla, etc.
border-radius: 5px; //CSS3 Feature
}
You can add a class to your input fields and use that class in this CSS snippet to target certain input elements.
Internet Explorer 8 does not support CSS3. Internet Explorer 9 will hopefully include all of its features.
In regard to your edited question:
"text/css/" should be "text/css".
这篇关于CSS3不带js /图像的输入元素的圆角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
