textarea通过resize: none;彻底禁用拖动和placeholder显示提示内容
2016-01-04 23:42:26 访问(2430) 赞(0) 踩(0)
-
<!DOCTYPE html PUBLIC "-//W3C//Ddiv XHTML 1.0 divansitional//EN" "http://www.w3.org/div/xhtml1/Ddiv/xhtml1-divansitional.ddiv">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>textarea通过resize: none;彻底禁用拖动和placeholder显示提示内容</title>
<style type="text/css">
.txt
{
width: 584px;
height: 72px;
line-height: 24px;
border-radius: 4px;
box-shadow: 0 1px 1px #C6C6C6 inset; /* box-shadow: inset 2px 2px 2px rgba(0,0,0,.1); */
overflow: auto;
padding: 4px 10px;
background: #fff;
font-size: 14px;
resize: none;
}
</style>
</head>
<body>
<div style="width: 100%;">
<h1>
textarea通过resize: none;彻底禁用拖动和placeholder显示提示内容</h1>
<textarea class="txt" placeholder="请输入评论内容" id="content" name="content" ></textarea>
</div>
</body>
</html>
上一条:
下一条:
相关评论
发表评论