Jump to content
  • 0

Разный стиль border для input в зависимости от type


Romchik?
 Share

Question

Искал по поиску, не нашел подобного вопроса...

Допустим имеется готовый сайт. Могу менять CSS как мне хочется, но при этом не могу (не хочу) менять сам html код.

Пишу в CSS для input такой код:

input {
border: 1px solid #999;
}

Все бы ничего, но в IE показывается рамка также и для чекбоксов, что мне совсем не надо. Классов нет ни у одного тэга input и, как уже было сказано, я не хочу изменять HTML, добавляя эти самые классы.

Можно ли как то менять CSS, в зависимости от типа тэга input?

Например, для один стиль, для - другой.

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

maddogrts, спасибо большое! Думаю это то, что я искал.

Только правильней будет так (без пробела и опечатки), на тот случай, если кому еще понадобится:

input[type=submit] {
border: 1px solid #999;
}

Во всяком случае работает в FF2.0.0.9, IE 7.0, Opera 9.22.

ЗЫ: А если почитать эту страничку и применить JS, то будет и в IE 5+ работать :)

http://cf-bill.blogspot.com/2005/05/stylin...xt-webpage.html

Еще раз спасибо!

Link to comment
Share on other sites

  • 0

:) вот спасибо ), прочитал документацию кавычки не обязательны (ортагонально моему мнению)

Кстати добавлю.

Очень хорошее решение для ссылок. И так же можно задавать селекцию по ключевому слову

т.е.

<input type="text and ficked" />

можно найти с помощью:

input[type~="and"] {
border: 1px solid #999;
}

Ну и для совем прошаренных ) микроформаты (это я к ссылкам) http://microformats.org/

Link to comment
Share on other sites

  • 0
в общем это все особенности спецификации css 2.1

интересно, есть ли скрипт который дает возможность ie6

уметь распознавать Pattern matching

Гдето тут я видел скрипт по крайней мере для hover на все элементы.

Link to comment
Share on other sites

  • 0
в общем это все особенности спецификации css 2.1

интересно, есть ли скрипт который дает возможность ie6

уметь распознавать Pattern matching

Гдето тут я видел скрипт по крайней мере для hover на все элементы.

знаю. даже уже использую :)

но хотелось что б ие6 понимал больше :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy