Могу ли я получить таблицу стилей для определения пользовательского тега на элементе страницы? - PullRequest
Новая
       12

Могу ли я получить таблицу стилей для определения пользовательского тега на элементе страницы?

1 голос
/ 27 апреля 2009

Можно ли получить таблицу стилей для определения пользовательского тега на элементе страницы?

Я хотел бы добавить некоторые функциональные возможности в таблицу стилей, которые могут обнаружить атрибут disabled = "disabled" в кнопке ссылки и выделить ее серым.

[UPDATE]

Отличные предложения. Это эффективно решало, что отключенные кнопки не отображаются серым цветом в Firefox и Google Chrome. Вот что я поместил в таблицу стилей, и теперь все мои кнопки ссылок отображаются правильно. 

a[disabled]{  
  color:Grey !important;
 text-decoration:none !important;
  }

Ответы [ 4 ]

2 голосов
/ 27 апреля 2009

Я так понимаю, вы имеете в виду пользовательский атрибут? Правило CSS для этого было бы (при условии, что ваша кнопка является элементом input): 

input[disabled="disabled"] {
    /* ... */
}

Однако, это не будет работать в IE6. Лучше всего добавить класс к кнопке (например, class="button-disabled"), а затем оформить его следующим образом: 

input.button-disabled {
    /* ... */
}
1 голос
/ 27 апреля 2009

Вы можете использовать селектор CSS2 (если браузер поддерживает его) для отображения базы стилей на свойстве тега. Но я обнаружил некоторую проблему при использовании свойства «disabled» в IE8. По умолчанию отображаемый тег IE8 отключен серым цветом (таблица стилей не может его изменить).

Из следующего кода FF3 отображает зеленую гиперссылку. Но IE8 отображает серую гиперссылку. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
<html>
<head>

<title>Ask a Question - Stack Overflow</title>
<style>
a[disabled="true"]
{
    color:Green !important;
}
</style>
</head>

<body>
 <a href="www.microsoft.com" disabled="true">Microsoft Site</a>
</body>
</html>
1 голос
/ 27 апреля 2009

Вы можете сделать это с помощью селекторов CSS, но это не будет работать в некоторых браузерах. Кроме того, я бы не рекомендовал делать это в любом случае. Почему бы просто не добавить отключенный класс к кнопке ссылки?

1 голос
/ 27 апреля 2009

Я почти уверен, что вы можете сделать следующее (здесь я предположил, что ваш элемент "linkbutton" является элементом "input"): 

input[disabled="disabled"] {
    // Styling
}

Steve

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...