如何制作自定义文本框？

我已经看到许多网站有许多类型的形状文本框（例如，有人已经绘制它在油漆，并使其成为一个HTML文本框）。这些文本框是如何制作的？我想通了，某种CSS的使用，但如何获取..如何制作自定义文本框？

2011-08-29 user614946

一种方法是利用CSS3的象下面这样：

<html> 
<head> 
<style type="text/css"> 
.round{ 
border:2px solid; 
border-radius:25px; 
-moz-border-radius:25px; /* Firefox 3.6 and earlier */ 
padding:10px; 
} 
</style> 
</head> 
<body> 
<textarea rows="1" cols="10" class="round">Blah blab </textarea> 
</body> 
</html>

以同样的方式，那么你可以添加背景图片，更多的造型等如下。希望这能回答你的问题！

<html> 
<head> 
<style type="text/css"> 
.round{ 
border-radius:25px; 
-moz-border-radius:25px; /* Firefox 3.6 and earlier */ 
padding:10px; 
background:yellow; 
border: 2px dotted red; 
} 
</style> 
</head> 
<body> 
<textarea rows="1" cols="10" class="round">Blah blab </textarea> 
</body> 
</html>

来源

2011-08-29 05:25:59 Singular1ty

或者您可以使用图像作为文本框的背景下，这才能真正让事情看起来真棒：

<style type="text/css"> 
input{ 
    width:220px; 
    height:50px; 
    display:block; 
    background:url(images/input.png); 
    border: none; 
} 
</style>

来源

2011-08-29 05:34:39 Coomie

如何制作自定义文本框？

回答

相关问题