Как убрать границу флажка? - PullRequest
Новая
       3

Как убрать границу флажка?

13 голосов
/ 23 августа 2010

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

Ответы [ 8 ]

8 голосов
/ 23 августа 2010

Для FireFox: попробуйте border: none.Для IE попробуйте: style = "background: transparent; border: 0"

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

8 голосов
/ 23 августа 2010

К сожалению, невозможно удалить границы для собственных флажков браузера (это не будет работать во всех браузерах), вам придется написать собственный виджет состояния, похожий на флажки, чтобы реализовать это.Проверьте Хорошие формы , если вы хотите стилизовать свои обычные элементы управления с помощью пользовательского стиля

5 голосов
/ 23 мая 2013

Я знаю, что это поздний ответ, но эксперт по CSS, с которым я работаю, дал мне способ избавиться от границы вокруг флажка (и, возможно, переключателя) в IE10:

  • Установите цвет границы на тот же цвет, что и фон страницы.
  • Нанесите на него тень от "none".

Вот и все. Работал как шарм!

1 голос
/ 16 марта 2017

Поскольку это первый результат для меня при поиске «удалить границу флажка» в Google, позвольте мне упомянуть, что стиль по умолчанию флажка можно было удалить во всех браузерах, кроме IE (без дерьма ...) со свойством appearance: 

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
0 голосов
/ 23 мая 2017

Использование outline: 

outline: 0px;

избавится от него.

0 голосов
/ 13 апреля 2017

В CSS это возможно, если установить внешний вид веб-набора на none. Как то так 

-webkit-appearance: none;
0 голосов
/ 06 мая 2012

asp: checkbox - это элемент span, который содержит input type = checkbox. Вы можете установить стиль только для диапазона. Но если вы хотите изменить границу флажка внутри элемента, вы можете использовать javascript 

<body onload="javascript:OnLoad();" >

<script language="javascript" type="text/javascript">
<!--
    function OnLoad() {
        document.getElementById("<%=chBox.ClientID%>").style.border = "0px";
    }
-->
</script>

  <asp:CheckBox ID="chBox" runat="server" Text="Checkbox text" />
0 голосов
/ 23 августа 2010

Вы должны будете использовать какой-нибудь виджет или какой-то пользовательский интерфейс для удаления границ.

Я не уверен, что это работает: <input type="checkbox" style="border: 0;" />

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...