Стилизация группы переключателей с помощью платформы purecss.io

На днях я наткнулся на проект Pure - набор модулей CSS, выпущенных командой YUI. Я хотел стандартизировать формы на моем веб-сайте, и мне понравился внешний вид их модуля форм. Особенно стиль формы они называют Согласованной формой. Я добавил CSS на свой сайт и добавил необходимые стили в свою форму, и все работало хорошо, за исключением моей группы переключателей. В выровненной форме каждый вход имеет метку с левой стороны, а вход справа от метки. Но отдельные радиокнопки имеют индивидуальные метки, которые имеют стиль справа от кнопки. Я ищу способ добавить общую метку для группы кнопок, стилизованную слева и по центру.

Я нашел обходной путь, но я ищу более «чистый» способ сделать это.

Мое обходное решение заключалось в том, чтобы включить радиостанции в набор полей и использовать легенду набора полей в качестве метки для группы радиостанций.

Мне бы хотелось услышать от других, кто работает с Pure Aligned Forms, узнать, как вы с этим справились.


person Jason    schedule 16.10.2013    source источник


Ответы (1)


Думаю, ваш вопрос немного расплывчатый. Если вы пытаетесь достичь чего-то вроде этого,

Label
  radio
  radio
  radio

то способ, которым вы это сделали (то, что вы называете «обходным путем»), на самом деле является лучшим способом сделать это. Наборы полей предназначены для группировки элементов вместе, и вы можете использовать легенду в качестве метки.

Однако, если вы пытаетесь сделать что-то подобное,

       radio
Label  radio
       radio

тогда вы захотите использовать плавающие div (один для хранения вашей метки, а другой для группировки ваших переключателей).

Я не могу получить более конкретную информацию, не зная, как выглядит ваш код и для чего вы конкретно собираетесь ...

person theadamattack    schedule 04.01.2014