Я пытаюсь создать простую подсказку типа ввода-заполнителя с использованием css. Но сегодня все будет не так, как я ожидал.CSS-контент attr() не работает

 

    #formulier input:focus::-webkit-input-placeholder:after { 
     content: attr(tip) "test"; /**/ 
     position:absolute; 
     right:0; 
     display:inline-block; 
     color:red; 
    }

Содержание выход для «теста» работает отлично, но я не могу получить Attr (TIP) .. Пожалуйста, ознакомьтесь с небольшой демо я создал здесь (ХРОМ И САФАРИ ТОЛЬКО БЛАГОДАРЯ Webkit)

edit

заранее спасибо за помощь мне: D

источник

2014-02-03 Sander Dooms

Вы уверены, что 'content:" foo ";' works? 'content' не должен работать с элементами' input' вообще. – BoltClock

Ничего, я вижу, что вы используете его с ':: - webkit-input-placeholder: after'. Это очень похоже на то, что вы столкнулись с такой же проблемой: http://stackoverflow.com/questions/18162649/css-content-attr-on-html5-progress-doesnt-work, хотя это для другого псевдоэлемента. Не уверен, что он считается дубликатом, иначе я могу воспроизвести свой ответ здесь. – BoltClock

Извините, забыл упомянуть, что демо было сделано только для браузеров Chrome и Safari. Из-за -webkit вещь там ... –

-2

Вы, вероятно, ищешь парение. Вы используете после того, как напомнил мне об этом синтаксисе, и, таким образом, заставляет меня поверить, что наведение - это то, что вы хотите, и то, что вы используете.

источник

2014-02-03 04:25:45 tjborromeo

Можете ли вы объяснить, какой синтаксис их использования напоминает вам и почему это заставляет вас думать, что наведение предпочтительнее фокуса? – BoltClock

Использование синтаксиса до/после было похоже на некоторый код, мой коллега, используемый для внутреннего проекта, для отображения полезных подсказок для определенных элементов html с использованием зависания – tjborromeo

Кто-нибудь хочет объяснить нижний предел? Особенно в свете каких-либо других фактических ответов или ответа от акита? – tjborromeo

Вам нужно будет обернуть эти поля ввода с помощью пролета. Содержимое, вытащенное в CSS, вытягивается ПОСЛЕ содержимого селектора, в этом случае - вход - не содержит контент, а для этого использует контент: ''; на входе недопустимо. Либо используйте ярлык, либо поместите диапазон вокруг своего поля ввода

источник

2014-08-05 09:48:36

CSS-контент attr() не работает

http://jsbin.com/ApIvawO/5/edit

ответ

Смежные вопросы