文本区域自动获取内联样式
[英]text area is getting inline styles automatically
问题描述
i want to give a textarea in my form a custom width but the textarea is getting inline styels automatically which are overrriding my custom css styles?? 
我想给表单中的textarea自定义宽度，但是textarea自动获得内嵌样式，这会覆盖我的自定义css样式？ i reviewed my scripts but i don't know which one is manipulating the dom??? 我查看了我的脚本，但我不知道哪个脚本在操纵dom ？？？ please tell me if you know. 请告诉我你是否知道。
this is my markup's head 这是我标记的头
<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>
and these are the only scripts which are at the bottom in my body 这些是我体内最底层的脚本
<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>
and by the way this is the first page i created and is the only one so i don't have any orther pages that have a textarea field.my text editor is brackets just so you know.. 顺便说一下，这是我创建的第一个页面，也是唯一的一个页面，因此我没有任何其他具有textarea字段的页面。我的文本编辑器就是方括号，您知道。
here's how it's rendered in dev-tools 这是在开发工具中呈现的方式
<textarea data-brackets-id="173" name="textarea" id="textarea" placeholder="MESSAGE" style="margin: 0px;width: 183px;height: 54px;"></textarea>
2 个解决方案
解决方案1
0 2015-12-26 13:47:04
Although the CSS-code is not included, I'm guessing you declare something there about the <textarea> tag. 尽管不包括CSS代码，但我猜您在其中声明了有关<textarea>标记的内容。 You might want to look for !important declared behind css-code. 您可能要查找在css代码后声明的!important 。
解决方案2
0 2015-12-26 13:56:32
Does it do it on mobile as well as desktop? 它既可以在移动设备上也可以在台式机上使用吗？ Check the width of the form element and make the margin width 183px. 检查表单元素的宽度，使页边距宽度为183px。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.