текстовая область автоматически получает встроенные стили

я хочу придать текстовой области в моей форме пользовательскую ширину, но текстовая область автоматически получает встроенные стили, которые переопределяют мои пользовательские стили css ?? я просмотрел свои сценарии, но я не знаю, какой из них манипулирует домом ??? пожалуйста, скажите мне, если вы знаете.

это голова моей разметки

<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>

и, кстати, это первая страница, которую я создал, и единственная, поэтому у меня нет других страниц с текстовым полем. Мой текстовый редактор - это скобки, чтобы вы знали.

вот как это отображается в dev-tools

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

javascript html jquery css adobe-brackets
person varun teja    schedule 26.12.2015    source источник
comment
ни у кого нет идей! :(   -  person varun teja    schedule 26.12.2015
comment
У вас есть атрибут встроенного стиля в текстовом поле style="margin: 0px;width: 183px;height: 54px;", вы пытались его удалить?   -  person Antonio Smoljan    schedule 26.12.2015

Ответы (2)


arrow_upward
0
arrow_downward

Хотя CSS-код не включен, я предполагаю, что вы что-то там декларируете о теге <textarea>. Возможно, вы захотите найти !important, объявленный за css-кодом.

person Bram    schedule 26.12.2015

arrow_upward
0
arrow_downward

Это делает это на мобильном телефоне, а также на рабочем столе? Проверьте ширину элемента формы и установите ширину поля 183 пикселя.

person Kevin S    schedule 26.12.2015