баг или ошибка

denidip · February 1, 2011

В общем, ситуация следующая:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="one">
<input name="" type="text" />
<input name="" type="password" />
</div>
<div class="two">
<input name="" type="text" />
<input name="" type="password" />
</div>
</body>
</html>

@charset "utf-8";
/* CSS Document */

.one input[type=text], input[type=password]{
	background-image:url(images/bar-bg.png);
	width: 150px;
	background-color: #ececed;
	font-weight:bold;
	background-repeat:repeat-x;
	font-size: 14px;
	font-family:Tahoma, Geneva, sans-serif;
    border:1px solid #aaa;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    transition:border linear .2s,box-shadow linear .2s;
    -moz-transition:border linear .2s,-moz-box-shadow linear .2s;
    -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;}
.one input[type=text]:focus, input[type=password]:focus{
	background-image: url(images/bar-bg-active.png);
	background-color: #fff5e8;
	background-repeat:repeat-x;
  outline:none;
  font-family:Tahoma, Geneva, sans-serif;
  color:#818182;
  font-size: 14px;
  font-weight:bold;
  border-color: rgba(255,138,23,.5);
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  box-shadow:0 0 8px rgba(255,138,23,.5);
  -moz-box-shadow:0 0 8px rgba(255,138,23,.5);
  -webkit-box-shadow:0 0 8px rgba(255,138,23,.5);}

Кто знает почему правило с type=text работает а с password нет?

d0ublezer0 · February 1, 2011

Может, так?

.one input[type=text], . one input[type=password]{
/* css code here */
}

И вообще, зачем вам определять типы инпутов? Если можно просто задать стиль:

.one input{
/* css code here */
}

Или, если вам нужно отдельно оформлять текстовое поле и поле пароля, задайте им разные классы:

<div class="one">
<input class="txt" name="" type="text" />
<input class="psw" name="" type="password" />
</div>

IE по-моему не работает с селекторами атрибутов. Ну, может только восьмой работает. А вам оно надо?

denidip · February 1, 2011

с классами работает ещё хуже, поэтому решил определять типы, и это в большей степени связано кокраз таки с ИЕ, ведь импутом может быть и чекбокс, вот тут ослик и начинает мне жизнь усложнять.... впринципи попробовал с id всё нормально, но както неохото забивать idшки потом малоли захочу каких нить проверок накидать в форму....

d0ublezer0 · February 1, 2011

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

Используйте классы вместо ID.

sigma77 · February 1, 2011

denidip,

Вроде всё работает...

В каком браузере у тебя не применяются стили?

Sign In

баг или ошибка

Question

denidip

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

d0ublezer0

Link to comment

Share on other sites

denidip

Link to comment

Share on other sites

d0ublezer0

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information