Внешний вид полос прокрутки в <textarea>

ayrat9 · 24 Фев 2005

Внешний вид полос прокрутки в <textarea>

Как с помощью CSS Level2 отрегулировать внешний вид полос прокрутки в теге <textarea>?
Можно ли по умолчанию их не показывать, а когда текста наберется много, сделать так, чтобы они появлялись?

Кром · 24 Фев 2005

Внешний вид регулируется с помощью следующих свойств:

SCROLLBAR-FACE-COLOR
SCROLLBAR-HIGHLIGHT-COLOR
SCROLLBAR-SHADOW-COLOR
SCROLLBAR-3DLIGHT-COLOR
SCROLLBAR-ARROW-COLOR
SCROLLBAR-TRACK-COLOR
SCROLLBAR-DARKSHADOW-COLOR

Комментарии и описание ищи на http://w3c.org/

<textarea style="overflow: auto;"></textarea>

ayrat9 · 24 Фев 2005

Кром, спасибо большое.

У меня еще один вопросик, правда немного не в тему:
Есть кнопка "Отправить" (тип: сабмит). Так вот по умолчанию она disabled, и слово "Отправить" имеет некрасивый вид (как будто бы в стиле inset, да еще и цвет шрифта ненужный мне серый). Как это поправить?

-~{}~ 24.02.05 16:43:

http://www.webber.ru/articles/article.html?article_id=117
вот хорошую ссылку про scrollbars нашел

Кром · 24 Фев 2005

>Как это поправить?

По-моему никак. Во всяком случае, без извращений.
Есть вариант в JavaScript. Вешаешь на кнопку событие и проверяешь, в зависимости от условия, нужно ли что бы кнопка нажималась или не нужно. Соответственно disable не пишешь вообще. А стили меняешь в зависимости от того, можно ли эту кнопку нажимать или нет.

Ямерт · 25 Фев 2005

Кром ты неправ, можно без извращений, через селекторы CSS2. Правда, в ИЕ 5.5 это не работает напрочь (известно, как он поддерживает CSS2), Опера 7.0 позорно глючит: в следующем примере она красит disabled кнопку один раз, потом, когда она уже опять активна, не перекрашивает. Впрочем, с этими двумя "браузерами" всё давно понятно

Так что там, скорее всего, придётся менять стили через Javascript.
В NN 6.0, Mozilla 1.4, Firefox 1.0 это работает на "ура".

Вот сам код:

PHP:

<html>
	<head>
		<style>
			INPUT.myButton				{background-color: blue}
			INPUT.myButton[disabled]	{background-color: green}
		</style>
	</head>
	<body>
		<form name="form1">
			<input type="button" name="butt1" value="MyButton" class="myButton">
			<br><br>
			<input type=button value="Press Me" onclick="document.form1.butt1.disabled=(!document.form1.butt1.disabled)">
		</form>
	</body>
</html>

Внешний вид полос прокрутки в <textarea>

ayrat9

Новичок

Кром

Новичок

ayrat9

Новичок

Кром

Новичок

Ямерт

The Old One