WebKit私有属性之-webkit-appearance

最新推荐文章于 2024-05-05 14:46:48 发布
最新推荐文章于 2024-05-05 14:46:48 发布
阅读量178 收藏 1
点赞数
分类专栏： chrome浏览器问题整理 文章标签： -webkit-appearance

-webkit-appearance

 

   -----有下列值：

 

 

  • slider-horizontal   --------水平滚动条
  • push-button   -----按钮
  • searchfield     -----搜索框
  • textfield
  • searchfield-cancel-button
  • searchfield-decoration
  • searchfield-results-decoration
  • searchfield-results-button
  • list-button
  • textarea



Gecko下也有一个-moz-appearance


扩展阅读：
iteye_2245
关注
专栏目录
checkbox不显示，试试去掉-webkit-appearance这个样式
dingcheng9127的博客
09-11 944
目前在项目中发现一个大坑，搞的我找了好久不知道因为什么，自用的reset.css中加入了 -webkit-appearance:none;其他所有表单没有出现问题，但checkbox会不显示，值改为checkbox或去掉该样式之后问题解决，不知道是否为浏览器更新之后出现的bug，因为以前并没有出现过类似问题。 chrome 68.0.3440.106（正式版本） 说明：...
一些鲜为人知的的CSS3属性
_
02-04 875
webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过JavaScript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮，设置颜色的alpha值为0即可。示例：设置高亮色为50%透明的红色: -webkit-tap-highlight-color: rgba(255,0,0,0.5); 浏览器支持: 只有iO
-webkit-appearance —— webkit外观样式属性
PHP游刃者的专栏
07-15 590
发表于 2014年12月15日 by 愚人码头 被浏览 4,166 次 -webkit-appearance 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。 最近认真看了一下文档，-webkit-appearance是用来改变按钮和其他控件的外观，使其外观类似于原生控件。 关于这个属性以前写过
-webkit-appearance问题
ly2983068126的博客
11-02 1664
当我们写移动端样式时，会发现有些样式在苹果手机里，显示不一样。 今天我们来说说-webkit-appearance。 在不同的“-webkit-appearance”选值情况下，button所渲染的效果是不一样的，详细的测试代码大家可使用safari浏览器点击这 里。有关于“-webkit-appearance”的详细介绍，这回算是知道了，最后我建议大家，我们可以直接在“reset.css
css属性appearance -webkit-appearance
rookie_zhang2000的博客
07-05 381
参考。
-webkit-appearance: none;
weixin_30548917的博客
03-20 366
今天在web群里聊天的时候，发现了这个东东，我好像不怎么认识他，于是查了下关于他的信息： 抄的例子, ----------- IOS环境下的按钮都是经过美化的，但通常我们在设计web app的时候不需要这些看上去老土的样式，所以，去除这些显得很有必要。 下面这句代码就是重置这些样式的： -webkit-appearance: none; 通常，我们在写移动端的web开发时，会...
浅析CSS3中鲜为人知的属性：-webkit-tap-highlight-color
09-24
需要注意的是，`-webkit-tap-highlight-color`属性是WebKit私有的，这意味着它只在基于WebKit的浏览器（如Safari和Chrome）中生效，尤其是针对iOS设备。在其他浏览器中，可能需要寻找其他方法来实现相同的效果。 接...
浅析常用的浏览器私有属性
09-25
`-moz-user-select`, `-webkit-user-select`, 和 `-ms-user-select` 是用来控制用户能否选择元素内容的私有属性。它们分别对应Firefox、Chrome/Safari以及Internet Explorer的实现。这些属性有以下几个可选值： 1. ...
前端学习笔记 - 移动端Web开发
fengxm0309的博客
10-18 1093
移动端基础 浏览器现状 PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器 移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌 浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。 国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样 兼容移动端主流浏览器，处理Webkit内核浏览器即可
button.close { } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } .close { float: right; font-family: "FGNP UI",Roboto,"Meiryo UI",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1; color: inherit; text-shadow: none; opacity: .6; }
07-15
`-webkit-appearance`是一个WebKit浏览器的私有CSS属性，用于定义元素的外观。这个样式规则将使这些元素在WebKit浏览器中显示为标准按钮外观。 3. `.close { }` 这是一个选择器，用于选择具有`.close`类的元素，并...
-webkit-appearance 使用说明
csl125的博客
08-08 9815
前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格，其实我们可以反过来思路，使用“appearance”属性，来改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将“段落p”渲染成button的风格，也可以渲染成“输入框”、“选择框”等效果。 大家都知道每个浏览...
-webkit-appearance改变按钮或其他空间的外观
weixin_34088838的博客
03-24 194
2019独角兽企业重金招聘Python工程师标准>>> ...
css3初始化属性，WebKit的CSS扩展(WebKit是私有属性)
kongjiea笔记
12-23 2487
1、-webkit-touch-callout 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。 当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。 2、-webkit-line-clamp 是
深入探索CSS3 appearance 属性：解锁原生控件的定制秘密
最新发布
艾恩小灰灰的博客
05-05 659
CSS3 的appearance属性是网页设计中一个不可忽视的宝藏，它不仅让我们有能力去除那些不甚如意的默认样式，更赋予了我们无限的创意空间，去打造既美观又实用的用户界面。通过上述详尽的解析与实例，希望能帮助你更好地掌握这一属性，让你的网页设计之旅更加丰富多彩。
-webkit-appearance: none解决ios样式的的不一性
weixin_39818813的博客
05-04 3373
先上代码：下面这个按钮其实在安卓和ios平台的显示效果是不一样的解释：-webkit-appearance属性拓展改变按钮和其他控件的外观，使其类似于原生控件。-webkit-appearance 是一个      不规范的属性         （unsupported WebKit property），它没有出现在 CSS 规范草案中。此属性非标准且渲染效果在不同浏览器下不同，有些属性值甚至不支...
CSS：关于“-webkit-appearance: none”样式使用问题
热门推荐
LIGHT的博客
11-18 4万+
场景:在开发微商城的时候,经常会遇到ios端和安卓端的样式显示不一样,例如同一按钮(样式一样)会显示不一样的颜色,导致项目整体的搭配不是很好.在网上搜索了一番后,发现css样式:-webkit-appearance: none,就可以去除浏览器默认样式.   ul, li, dl, dt, dd, form, h1, h2, h3, h4, p, input, form { margin:
css中使用“-webkit-appearance: none;”去除系统默认appearance的样式引发的问题
csx blog
01-19 1万+
解决网站bug时，发现一个棘手的问题：的复选框选中了没有打钩，经排查，是由于css中“-webkit-appearance: none;”导致的，改成“-webkit-appearance: checkbox”后恢复正常。查询资料：总结如下：   1.-webkit-appearance的说明：          改变按钮和其他控件的外观，使其类似于原生控件。 -webkit-appea
WebKit特定的样式：-webkit-appearance
culuo8053的博客
07-30 960
I was recently scoping out the horrid source code of the Google homepage when I noticed the "Google Search" and "I'm Feeling Lucky" buttons had a style definition I hadn't seen before: -webkit-appear...
-webkit-line-clamp属性
05-24
-webkit-line-clamp属性是一个用于控制多行文本溢出的CSS属性。...值得注意的是，-webkit-line-clamp属性是一个WebKit私有属性，只能在WebKit浏览器中使用，其他浏览器需要使用类似的技术来实现相同的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值