CSS, border у checkbox'ов и radio - HTML и CSS

Angfal · 28.05.2009, 12:52

Как изменить стиль границы у checkbox'ов и radio?

На стиль border Firefox не обращает внимание, хотя Firebug отображает, что у данный компонента есть этот стиль.

SkyM@n · 28.05.2009, 13:53

как на счет наследуемых свойств?
Меняете через свойство border ?
Код покажете?

Angfal · 28.05.2009, 15:45

HTML:

Код:

<table class="oneradiotbl" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td><input type="radio" value="Active" /></td>
	</tr>
</table>

CSS:

Код:

.oneradiotbl input, .oneradiotbl-dis input {
	border: 2px solid red !important
}

SkyM@n · 28.05.2009, 15:50

Все ок, кстати !important - не кроссбраузерный параметр

Angfal · 28.05.2009, 16:08

В том-то и дело, что всё ок... На border не изменяется

. Firefox на !important реагирует, но даже он не помогает.

SkyM@n · 28.05.2009, 16:11

Ссылка есть? Или Прикрепите весь сохраненный файл

Angfal · 28.05.2009, 17:02

Это уже сложнее... Страница - портлет, написанный на JSF с IceFaces...

Могу прикрепить только страницу, пересохраненную браузером... Но там очень много хлама...

А вообще, я не говорю про мой конкретный проект, на бордеры radio и checkbox'ов можно повлиять?

Т.к. я написал простенький HTML, и в нем radio не выделился красным

:

Код:

<html>
  <body>
    <table cellspacing="0" cellpadding="0" border="0">
      <tr>
        <td><input type="radio" value="Active" style="border: 2px solid red !important"></td>
      </tr>
    </table>
  </body>
</html>

Причём Firefox и Chrome никак не отреагировали, а ie-шка выделила красную рамку, причём, не окрасила границу radio в красный цвет (что, собственно, мне и нужно), а выделила красным квадрат вокруг него

cronfy · 28.05.2009, 19:48

Вы хотите, чтобы сам кружочек radio был красным? Не получится, по крайней мере стандартными средствами html.

Если хочется красивых форм, можно использовать какие-нибудь плагины на JS, вот, например, для jQuery. Правда, не тру всё это.

Angfal · 29.05.2009, 11:41

Да, хочу, чтобы сам кружочек был красным...

Ясно, буду смотреть, всем спасибо!!!

28.05.2009, 12:52	#1
Angfal Пользователь Регистрация: 28.05.2009 Сообщений: 12	CSS, border у checkbox'ов и radio Как изменить стиль границы у checkbox'ов и radio? На стиль border Firefox не обращает внимание, хотя Firebug отображает, что у данный компонента есть этот стиль.

28.05.2009, 17:02	#7
Angfal Пользователь Регистрация: 28.05.2009 Сообщений: 12	Это уже сложнее... Страница - портлет, написанный на JSF с IceFaces... Могу прикрепить только страницу, пересохраненную браузером... Но там очень много хлама... А вообще, я не говорю про мой конкретный проект, на бордеры radio и checkbox'ов можно повлиять? Т.к. я написал простенький HTML, и в нем radio не выделился красным : Код: `<html> <body> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td><input type="radio" value="Active" style="border: 2px solid red !important"></td> </tr> </table> </body> </html>` Причём Firefox и Chrome никак не отреагировали, а ie-шка выделила красную рамку, причём, не окрасила границу radio в красный цвет (что, собственно, мне и нужно), а выделила красным квадрат вокруг него

28.05.2009, 19:48	#8
cronfy Пользователь Регистрация: 09.10.2008 Сообщений: 92	Вы хотите, чтобы сам кружочек radio был красным? Не получится, по крайней мере стандартными средствами html. Если хочется красивых форм, можно использовать какие-нибудь плагины на JS, вот, например, для jQuery. Правда, не тру всё это. SPRINTHOST.RU — вот, что я люблю ;-)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как локаольно отменить border-collapse:collapse;?	max_kulikoff	HTML и CSS	1	09.05.2009 15:58
[MFC] Border: Resizing	wyvern	Visual C++	2	18.04.2009 07:23
Css + ucoz	nake94	HTML и CSS	9	06.01.2009 15:44
Применить стиль ко всем инпутам, кроме "radio" и "checkbox"?	barbiturat	HTML и CSS	1	03.12.2008 15:33
Наследование CSS	SunKnight	HTML и CSS	1	23.11.2008 01:39

28.05.2009, 13:53	#2
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	как на счет наследуемых свойств? Меняете через свойство border ? Код покажете?

28.05.2009, 15:50	#4
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Все ок, кстати !important - не кроссбраузерный параметр

28.05.2009, 16:08	#5
Angfal Пользователь Регистрация: 28.05.2009 Сообщений: 12	В том-то и дело, что всё ок... На border не изменяется . Firefox на !important реагирует, но даже он не помогает.

28.05.2009, 16:11	#6
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Ссылка есть? Или Прикрепите весь сохраненный файл

29.05.2009, 11:41	#9
Angfal Пользователь Регистрация: 28.05.2009 Сообщений: 12	Да, хочу, чтобы сам кружочек был красным... Ясно, буду смотреть, всем спасибо!!!