zoukankan      html  css  js  c++  java
  • 用css去除chrome、safari等webikt内核浏览器对控件默认样式

    有这么一个webkit的私有属性:

        -webkit-appearance:none; /*去除input默认样式*/

    添加该样式,并且值为'none'时即可取消浏览器对于控件的默认样式。

    另外这个属性也有个神奇的地方~ 他可以用来调用显示浏览器对各种控件的默认样式,

    比如: 我是span啊亲!! 那么他所显示的效果就是button标签的自带样式。

    哈 觉得挺有趣的~

    另外这个属性可以用来去除Iphone上面那个恶心的超大圆角的按钮默认样式,从而使自己编辑的按钮样式显示正常。

    下面是这个属性可能会有的值,也算是可以显示的浏览器控件默认效果。

    checkbox

    radio

    push-button

    square-button

    button

    button-bevel

    listbox

    listitem

    menulist

    menulist-button

    menulist-text

    menulist-textfield

    scrollbarbutton-up

    scrollbarbutton-down

    scrollbarbutton-left

    scrollbarbutton-right

    scrollbartrack-horizontal

    scrollbartrack-vertical

    scrollbarthumb-horizontal

    scrollbarthumb-vertical

    scrollbargripper-horizontal

    scrollbargripper-vertical

    slider-horizontal

    slider-vertical

    sliderthumb-horizontal

    sliderthumb-vertical

    caret

    searchfield

    searchfield-decoration

    searchfield-results-decoration

    searchfield-results-button

    searchfield-cancel-button

    textfield

    textarea

  • 相关阅读:
    日期时间函数的调用
    border的应用
    复合选择器(字体样式)
    样式表
    if语句
    JavaScript 简介
    表单元素
    标记及属性
    网页基础知识
    git commit 提交规范 & 规范校验
  • 原文地址:https://www.cnblogs.com/chang229/p/6549215.html
Copyright © 2011-2022 走看看