头闻号

深圳圣可馨商贸有限公司

面膜|植物香料|其他类型日用化学品|护肤膏霜|瘦身化学品|熏香

首页 > 新闻中心 > 科技常识:css浏览器私有属性
科技常识:css浏览器私有属性
发布时间:2024-09-22 03:47:25        浏览次数:5        返回列表

今天小编跟大家讲解下有关css浏览器私有属性 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css浏览器私有属性 的相关资料,希望小伙伴们看了有所帮助。

一.css中抬头::-moz代表firefox浏览器私有属性::-ms代表ie浏览器私有属性::-webkit代表safari、chrome私有属性::-o代表opera二.常见的中私有属性拿chrome浏览器举例

::如果前面为空代码全局,如果前面有某个元素的css选择器代表改元素的对于内容

1.输入框::-webkit-input-placeholder {}//阻止input出现黄色背景input:-webkit-autofill { background-color: #fff !important; -webkit-box-shadow: inset 0 0 0 1000px white !important;}清除input[type=”number”]侧边的箭头input::-webkit-inner-spin-button { -webkit-appearance: none; }2.禁用选择文本* {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}3.selection (下拉框)::-webkit-selection {}4.滚动条::-webkit-scrollbar{} //滚动条宽度::-webkit-scrollbar-thumb {} //滑轨上滑块::-webkit-scrollbar-button {} //滑轨两头的监听按钮颜色::-webkit-scrollbar-track {} //定义滚动条轨道-webkit-overflow-scrolling: touch; //允许独立的滚动区域和触摸回弹//影藏滚动条::-webkit-scrollbar { width: 0px; }//举例::-webkit-scrollbar { height: 0.01rem; background-color: #fff;}::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); border-radius: 0.1rem; background-color: #fff;}::-webkit-scrollbar-thumb { border-radius: 0.1rem; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #fff;}5.input-range::-webkit-slider-thumb{} //一定要配合::-webkit-slider-runnable-track使用,否则会没有效果.......里面参数和滑动块类似6.字体描边

-webkit-text-strokecss属性为文本字符指定了宽 和 颜色 . 它是-webkit-text-stroke-width和-webkit-text-stroke-color属性的缩写.

-webkit-text-stroke: <length> <color>;-webkit-text-stroke-width:绝对<length>-webkit-text-stroke-color:<color>-webkit-text-stroke: 1px red;-webkit-text-stroke: inherit;-webkit-text-stroke: initial;-webkit-text-stroke: unset;div { -webkit-text-stroke: <length> <color>;}原文:https://www.cnblogs.com/pythonywy/archive/2019/11/10/11830870.html

来源:爱蒂网