找了很多，都无法解决，各位帮帮忙，在此谢过了
gq_long
- 发布：2014-12-15 10:15
- 更新：2014-12-17 11:35
- 阅读：1323
为什么div在链接mui.min.clss之后不能当多行文本框使用
分类：MUI
7 个回复
伟子
太含糊了，表达得再清晰一点吧～～
gq_long (作者)
我想用div替代textarea
gq_long (作者)
来实现高度自动的功能，在没有链接mui.min.css之前，可用，但是加上这句<link rel="stylesheet" href="../css/mui.min.css">代码之后就不可以用了。
多串君
mui.min.css是针对样式的，是不是你DIV的class名字在mui.min.css里面有重名，导致用上了别的样式？你把你的class名字取得别致一点。
gq_long (作者)
可用代码如下＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝》
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>-->
</head>
<body>
<div contenteditable="true" style="margin: 20px 0px 0px 20px; border: #000000 solid 1px;"></div>
</body>
</html>
不可用代码如下＝＝＝＝＝＝＝＝＝＝＝＝》注“手机”上不可用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
</head>
<body>
<div contenteditable="true" style="margin: 20px 0px 0px 20px; border: #000000 solid 1px;"></div>
</body>
</html>
多串君
你把mui.min.css这个样式里面，下面这段样式里面的 《-webkit-user-select: none;》这一段注释掉就可以用了。至于为什么请看这里这个样式导致输入框不能输入的原因
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none; ←←←这个
outline: 0;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent
}
gq_long (作者)
谢谢您，原来只要把“-webkit-user-select: none;”中的none改为all就行，太感谢 您了