首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >删除Mobile Safari (iPhone)上的文本区内阴影

删除Mobile Safari (iPhone)上的文本区内阴影
EN

Stack Overflow用户
提问于 2010-06-17 23:15:59
回答 4查看 104.2K关注 0票数 163

默认情况下,Mobile Safari似乎将顶部内部阴影添加到所有输入字段,包括文本区域。有没有办法去掉它?

当你有一个白色的背景时,它特别难看。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-06-20 13:49:31

通过添加此css样式:

代码语言:javascript
复制
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

根据https://developer.mozilla.org/en-US/docs/Web/CSS/appearance

票数 358
EN

Stack Overflow用户

发布于 2014-02-28 07:24:23

在添加CSS样式时

代码语言:javascript
复制
-webkit-appearance: none;

将会起作用,它会摆脱所有的东西。您可能想要尝试以下操作:

代码语言:javascript
复制
box-shadow: none !important;

这样,您就可以保持向下箭头。

票数 32
EN

Stack Overflow用户

发布于 2016-07-26 00:40:57

下面是一个简单的解决方案

代码语言:javascript
复制
input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
票数 30
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3062968

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档