Question

我想在我的表单中给textarea一个自定义宽度，但是textarea会自动获取内联样式，这会超越我的自定义CSS样式？我审查了我的脚本，但我不知道哪一个操纵dom ???如果你知道，请告诉我。

这是我的标记主管

<head>
<title>Demo Website</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,800' rel='stylesheet' type='text/css'>
<link href="//fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Paytone+One' rel='stylesheet' type='text/css'>
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.0/animate.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/jquery-ui.min.css">
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

这些是我身体底部唯一的脚本

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/app.js"></script>

顺便说一下，这是我创建的第一个页面，也是唯一的一个，所以我没有任何其他页面都有textarea字段。我的文本编辑器就是括号，所以你知道..

这是在dev-tools中呈现的方式

<textarea data-brackets-id="173" name="textarea" id="textarea" placeholder="MESSAGE" style="margin: 0px;width: 183px;height: 54px;"></textarea>

Answer 1

虽然没有包含CSS代码，但我猜你在那里声明了<textarea>标签的内容。您可能希望查找在css-code后面声明的!important。

Answer 2

它是在移动设备还是桌面设备上实现的？检查表单元素的宽度并使边距宽度为183px。

文本区域自动获取内联样式

2 个答案: