input и градиент border

[Igoreshra]

Подскажите пожалуйста есть ли возможность сделать градиентный бордер для <input> чтобы он появлялся при :focus состоянии, без JS. Только на css.

[antonKar]

Если обернуть в 2 div, то можно через эмулировать border через псевдоэлементы.

[Igoreshra]

А как потом по фокусу на input обратится к робительскому элементу без javascript?

[Catherine]

А как потом по фокусу на input обратится к робительскому элементу без javascript?

В css нисходящее каскадирование, это означает, что стили можно применить к дочерним элементам, но от дочернего к родителю - никак.

[Igoreshra]

вот и я о том, а надо чтобы бордер становился градиентным по фокусу на input.

[ShumNo]

Это не решение по поводу как обратиться к родителю, но может поможет

http://jsfiddle.net/85W4K/

 

при неведении мышки на маленький квадратик подсвечивается квадрат вокруг

[Igoreshra]

да, тоже начал задумываться на счет подложки с position: absolute. Попробую так. Спасибо.

[ShumNo]

да, тоже начал задумываться на счет подложки с position: absolute. Попробую так. Спасибо.

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

[Catherine]

можно при наведении мышки на один элемент влиять на другой с тем же родителем

У меня были сомнения по поводу влияния в связке с :focus. Вроде работает.