Изменение вид чекбоксов/checkbox

[Soontir]

Скажите, можно ли как-нибудь изменять чекбоксы? Поставил себе новый стиль, всё ок, только чекбоксы больно уродливые:

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

[avm]

Это не checkbox, а radio button. Они и должны быть круглыми...
Но с помощью javascript можно заставить checkbox работать как radio. Вот только кто это захочет сделать? :wink:

[Soontir]

avm
Мне наоборот - лучше, чтобы всё квадратное было. И рамку бы эту убрать вокруг...

[avm]

Так дали бы ссылку на форум, чтоб можно было ваши css увидеть (чтоб рамку убрать)

А вот radio button квадратными не бывают, я об этом уже говорил. Замените их checkbox'ами в шаблоне...

[Soontir]

avm
У меня пока новый стиль только на локалке стоит - я его тестирую.
Вот мой css:

[avm]

вот откуда я могу лишь по одному css файлу предположить какой именно класс используется для ваших radio button?

чтобы точно ответить вам на ваш вопрос про рамки, нужно как минимум еще тот tpl файл в котором они используются.

[Soontir]

Вот - profile_add_body.

[Никто]

Soontir
Приложите еще css файл

[avm]

Soontir, вставьте в ваш css файл (после всех input)

Код: Выделить всё

   input[type="radio"] { border:0px; }

- это должно убрать рамки...

Добавлено спустя 32 минуты 34 секунды:

вот ваш шаблон, в котором заменены все radio на checkbox (как просили)

все делал вслепую - негде было посмотреть...

Добавлено спустя 1 минуту 58 секунд:

Кстати, если решите использовать измененный шаблон, вам также в css нужно будет добавить еще:

Код: Выделить всё

input[type="checkbox"] { border:0px; }

рамки то и в checkbox'ах нужно убрать... :wink:

[Soontir]

avm
Спасибо, сейчас проверю!

Добавлено спустя 43 минуты 11 секунд:

Soontir, вставьте в ваш css файл (после всех input)

Код: Выделить всё

input[type="radio"] { border:0px; }

- это должно убрать рамки...

Не помогает...

[avm]

У вас точно внешний css используется? Если внешний, то странно вообще-то - броузер какой?

Можете попробовать еще так:
поскольку в шаблоне отдельный класс для radio и checkbox не используется, поэтому нужно во всех <input type="radio"...> дописать class="checkbox", должно получиться что-то типа

Код: Выделить всё

<input type="radio" class="checkbox" ... >

затем в css файл добавить строку

Код: Выделить всё

input.checkbox { border:0px; }

[Soontir]

У вас точно внешний css используется?

Нет. Поэтому я добавлял в overall_header.tpl.

Можете попробовать еще так:
поскольку в шаблоне отдельный класс для radio и checkbox не используется, поэтому нужно во всех <input type="radio"...> дописать class="checkbox", должно получиться что-то типа
Код:
<input type="radio" class="checkbox" ... >

затем в css файл добавить строку
Код:
input.checkbox { border:0px; }

Да!!! Это помоголо! Спасибо!!!