textarea通过resize: none;彻底禁用拖动和placeholder显示提示内容

2016-01-04 23:42:26  访问(2429) 赞(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>


上一条：

下一条：


 

相关评论

评论加载中……
 

发表评论

类型：
内容：
  (Alt+Enter)
 
  ┈全部┈  
 
（显示全部分类）