Вопрос по стилям (CSS) это сюда?

ILay · 31 мар 2006, 16:38

Хочеццо написать стиль на все инпуты, а на баттоны отдельный.
Пишу вот такое:

<html>
<style>
input {
	height:		12pt;
	width:		70pt;
	font-size:	8pt;
	border-top:	solid blue 1px;
	border-bottom:	solid blue 1px;
	border-left:	solid blue 1px;
	border-right:	solid blue 1px;
           }
button {
	cursor: hand;
	width: 20px;
	height: 20px;
	border-width: 2px;
	border-style: groove;
           }
</style>
<body>
<input type="text" value="test"><input type="button" value="BUTT">
</body>
</html>

В результате input кроет все. +(

1) Что не так?
2) И еще вопрос: как сделать стиль для инпут-текстов?
3) Интересует еще такая штука как псевдо-классы:
есть ли они для баттонов или других элементов, окромя сцылок?
4) Еще один вопрос созрел: когда стиль прописывается под id,
можно ли задавать только его часть, или надо обязательно весь?

Oscar · 31 мар 2006, 21:41

ILay,

http://www.w3.org/Style/CSS/

Тут есть все ответы на вопросы.
Если не найдёшь на самих страницах - смотри их исходники, у них красиво написан и откомментирован CSS (а его там ой как много .. ).

ILay · 03 апр 2006, 11:41

Ну я ж не просто так написал.. Был я там..
Четких ответов не нашел.
А по первому вопросу будут предположения?

UUU · 03 апр 2006, 15:31

ответ на "В результате input кроет все. +( "

В твоем примере вижу использование стилей только для тега <input>.

Что не так?

ILay · 03 апр 2006, 15:52

А button?

Oscar · 03 апр 2006, 21:45

ILay, думаю, что УУУ имел ввиду:

Код: Выделить всё

<input type="text" value="test"><button value="BUTT">

хотя не уверен, что второй тэг есть в спецификации...

Oscar · 03 апр 2006, 23:13

Код: Выделить всё

<style>

input {
   border: solid blue 1px;
}

input[type=button] {
   background-color: #FF0000;
}

input[type=text] {
   background-color: #00FF00;
}

</style>


<input>
<input type="text">
<input type="button">

ILay писал(а):Ну я ж не просто так написал.. Был я там..

(c) http://www.w3.org/TR/CSS2/selector.html ... -selectors

В ИЕ не работает, насколько я понял, ИЕ использует CSS1.

Псевдо-классы в ИЕ - смотри тут:
http://msdn.microsoft.com/library/defau ... ibutes.asp

Слева в меню есть "Pseudo-Classes and Others", для Мозиллы - тот же w3.org

4-й вопрос вообще не понял.
Задавать часть чего? часть ID, или часть стиля?

Если ID - то не пройдёт )) Элемент с ID="test1" нельзя найти без JS по ID="test" ]Самое надёжное решение твоей проблемы[/b]:

Код: Выделить всё

<style>

input {
   border: solid blue 1px;
}

input.buttonClass {
   background-color: #FF0000;
}

input.textClass {
   background-color: #00FF00;
}

</style>


<input>
<input type="text" class="textClass">
<input type="button" class="buttonClass">

Эту конструкцию все современные браузеры понимают одинаково.

ILay · 04 апр 2006, 12:26

Спасибо. Все четко и ясно.
Я, собственно, аттрибут-классами и интересовался, просто не заметил их.
А тот бред с баттоном мне дрымвивер2004 присоветовал накорябать. +(
В 4-м вопросе я имел ввиду часть имени элементов, показалось где-то у мокросовтов видел что-то вроде v_/ {}, вот и подумал всякое...