GVKun编程网logo

css – 将复选框样式重置为默认值(css修改复选框样式)

7

这篇文章主要围绕css–将复选框样式重置为默认值和css修改复选框样式展开,旨在为您提供一份详细的参考资料。我们将全面介绍css–将复选框样式重置为默认值的优缺点,解答css修改复选框样式的相关问题,

这篇文章主要围绕css – 将复选框样式重置为默认值css修改复选框样式展开,旨在为您提供一份详细的参考资料。我们将全面介绍css – 将复选框样式重置为默认值的优缺点,解答css修改复选框样式的相关问题,同时也会为您带来11种超酷CSS3复选框样式美化效果_html/css_WEB-ITnose、css – 在Firefox中添加指针事件后,游标重置为默认值:无、css – 将复选框的输入样式重置为IE中的默认值、css – 将链接颜色重置为浏览器默认值的实用方法。

本文目录一览:

css – 将复选框样式重置为默认值(css修改复选框样式)

css – 将复选框样式重置为默认值(css修改复选框样式)

我在CSS文件中有很多东西,我正在使用,这就是为什么我的复选框样式搞砸了.我一直在努力使它看起来像正常但我没有运气.有什么办法可以将复选框样式重置为默认值吗?我在IE中做了一个F12,并将其作为风格.

“ms-crm-CheckBox”是我正在使用的类.

http://i.stack.imgur.com/bKnXR.png

解决方法

input[type="checkBox"] {
     -webkit-appearance: checkBox !important;
     -moz-appearance: checkBox !important;
     -ms-appearance: checkBox !important;
     -o-appearance: checkBox !important;
     appearance: checkBox !important;
}

11种超酷CSS3复选框样式美化效果_html/css_WEB-ITnose

11种超酷CSS3复选框样式美化效果_html/css_WEB-ITnose

这是一款效果非常酷的css3复选框checkbox样式美化效果。该复选框美化效果共有11种。默认的复选框的样式十分不好看,该效果将复选框加一美化,带上了一些动画效果,其中一些制作为滑动按钮的样式。这些效果都可是通过相邻兄弟选择器来选择与checkbox相邻的label来实现。


在线演示:http://www.htmleaf.com/Demo/201503211557.html

下载地址:http://www.htmleaf.com/css3/css3donghua/201503211556.html

css – 在Firefox中添加指针事件后,游标重置为默认值:无

css – 在Firefox中添加指针事件后,游标重置为默认值:无

对于Firefox中的CSS指针事件和游标规则之间的CSS关系,我遇到了一个奇怪的行为.当我将一个元素的游标设置为与auto不同的值(假设是等待)时,游标的类型会根据预期而相应地改变.但是,当我还添加指针事件:none到相同的元素,光标被重置为自动.如果我使用光标,同样会发生:等待!重要.相同的规则在Chromium和IE(!)中正常工作.

在开始的时候,我以为这可能是指针事件期间的行为:没有设置,但根据MDN部分关于无值:

The element is never the target of mouse events; however,mouse events may target its descendant elements if those descendants have pointer-events set to some other value. In these circumstances,mouse events will trigger event listeners on this parent element as appropriate on their way to/from the descendant during the event capture/bubble phases.

看来,Javascript事件,而不是CSS事件将不被传播.

问题是:有没有办法使用两个指针事件:none和cursor:等待Firefox中的同一个元素?此外,关于上述摘录的Javascript / CSS事件的解释,我是对的吗?

如果重要,我在Ubuntu 64bit上使用Firefox 31

这是一个fiddle.在这种情况下,我动态地添加规则,但是仅在使用CSS时发生相同的规则.我正在谈论的情况是将光标更改为等待 – >禁用指针事件

解决方法

原来你必须将光标设置在父元素上.

在一个元素或嵌套元素上的游标上设置两个样式将光标重置为默认指针.

<div>
    <a href="#">wait</a>
    <div>
        <a href="#">wait > no events</a><!-- works here -->
    </div>
</div>

详见Fiddle.

css – 将复选框的输入样式重置为IE中的默认值

css – 将复选框的输入样式重置为IE中的默认值

我有一个CSS规则输入像这样:
input {
    border: 1px solid black;
}

问题是IE中的复选框(已经在IE 8和9上测试过)和Opera也继承了这个边框,而不是显示默认样式,它们为带有白色背景和黑色检查的复选框显示自定义模式,如下所示:

而不是原生样式,例如在Windows 7中使用渐变灰色背景和Chrome和Firefox中显示的深蓝色检查:

我想在CSS中保留输入规则的边框,但是我有一个名为“checkBox”的类,我把它放在所有复选框上,如下所示:

<input type="checkBox"https://www.jb51.cc/tag/Box/" target="_blank">Box" />

有没有办法用.checkBox规则重置边框样式?

我试过了:

.checkBox {
    border: none;
}

在Opera中可以恢复默认样式,但不能在IE中使用.我也尝试了许多不同的组合:

.checkBox {
    border: 1 none transparent;
}

但这些似乎都没有重置为IE中复选框的默认样式.

是否可以恢复IE中复选框的默认样式而不删除输入规则的边框,而是使用.checkBox类?

解决方法

在许多浏览器中,无法将复选框重置为默认的本机样式.

这可能是CSS重置通常不包含此效果规则的原因:

input {
    border: 0;
}

最兼容的技术是这样做:

input[type="text"],input[type="password"] {
    border: 1px solid black;
}

并明确列出您希望设置样式的每种输入.

见:http://jsfiddle.net/EPpJ9/

这将适用于IE7和所有现代浏览器.

你也可以用not()CSS3伪类更整洁地做到这一点,但这在IE8中不起作用,IE8对我来说是一个交易破坏者:

input:not([type="checkBox"]) {
    border: 1px solid black;
}

css – 将链接颜色重置为浏览器默认值

css – 将链接颜色重置为浏览器默认值

有没有办法在访问和更改之后将访问和未访问的链接颜色重置为浏览器默认值?

在我的具体情况下,我有一个主样式文件包含:

a:link    { color: black; }
a:visited { color: black; }

我想用默认颜色渲染一些特定的链接.

编辑:这是a jsFiddle玩.我想要一个默认类的样式,使其与浏览器默认值匹配.

解决方法

编辑:

另一种方法是从一开始就避免这个问题.使用默认样式为特殊类提供您想要的特殊链接(让我们称之为.default),而不是:

a:link    { color: black; }
a:visited { color: black; }

使用not pseudo class并写:

a:not(.default):link    { color: black; }
a:not(.default):visited { color: black; }

请注意,此伪类在IE 8及更低版本上不起作用.对于他们你可以使用一个特殊的CSS(我不喜欢它,但它会工作).

我们今天的关于css – 将复选框样式重置为默认值css修改复选框样式的分享已经告一段落,感谢您的关注,如果您想了解更多关于11种超酷CSS3复选框样式美化效果_html/css_WEB-ITnose、css – 在Firefox中添加指针事件后,游标重置为默认值:无、css – 将复选框的输入样式重置为IE中的默认值、css – 将链接颜色重置为浏览器默认值的相关信息,请在本站查询。

本文标签: