Унаследовать свойство css для ссылки на атрибут asp: label

Question

Хорошо, это может быть невозможный вопрос, но я добавляю пользовательский элемент управления в существующую систему CMS (Kentico использует их базовый класс InlineControl), и я добавил метку, в которой я переопределил событие click, чтобы показать область div под ним. , У меня проблемы с наследованием уже установленного атрибута css цвета font-family; и т. д. с родительской страницы до текста метки.

Я попытался поместить <a href=""></a> вокруг метки, которая наследует правильные свойства, но теперь она берет щелчок и перенаправляет, как это следует за пустым href. Если я просто оберну метку в a / a, она не наследуется, потому что класс css ищет тег href.

Любая помощь очень ценится.

Answer 1

ОК, если я правильно понимаю, вы хотите, чтобы текст метки отображался как ссылки на странице? В зависимости от браузера, который вы разрабатываете, он может не понимать такие вещи, как :link или :hover. Если у вас есть следующий CSS:

a, label { color: blue; } // NOT a:link as only <a> tags can have href
a:hover, label:hover { text-decoration: underline; }

.. Вы - часть пути туда (кроме IE6). Другая ваша проблема при попытке добавить тег <a> внутри или вокруг метки заключалась в том, что событие click было применено к тегу <label>, а не к тегу <a>, и поэтому ссылка выполнялась как обычно. Если вместо этого вы используете ссылку или их комбинацию, убедитесь, что вы переопределяете событие щелчка по ссылке на return false, чтобы прекратить переход по ссылке.

Я бы предпочел разместить ссылку внутри метки, и тогда, надеюсь, связанное поле формы получит фокус так же, как показанный div. У вас не будет проблем со стилем IE6.

Answer 2

Вместо <asp:Label >, используйте <asp:HyperLink >. Это будет отображаться в HTML как якорь (<a >) и, следовательно, будет правильно оформлен.

Кроме того, в зависимости от вашей аудитории и того, что вы делаете, все это может быть сделано в javascript, а не принудительно выполнять обратную передачу на сервер для повторного рендеринга видимого div.