Safari对box-shadow有一些奇怪的行为。input[type="text"]{ box-shadow: 0 0 8px #000000;input8px #ffffff;虽然会显示box-shadow，但一旦元素获得焦点，阴影就会完全消失。如果你没有在:focus中设置任何东西，同样的效果也会发生。
它确实可以在Desk
浏览 1提问于2011-10-04得票数 8
回答已采纳
在iOS7、chrome和safari中，在输入字段的焦点上，页面滚动。
如果用户点击它的内部，我希望这个字段是集中的，我希望滚动仍然工作，但是在输入字段焦点上发生的默认滚动，我希望它停止。
浏览 3提问于2014-03-12得票数 0
回答已采纳
背景：我写了一个像谷歌搜索框一样的搜索框。但是，当我想搜索一个单词时，在搜索框下会自动打开一个框，根据在该框中键入的单词的历史来提示单词。我没有为建议编写框，这是浏览器的特性。提供建议的框的大小、形状和样式取决于浏览器的选择。
问题：--我想在不激活浏览器建议框的情况下对此框进行样式设置。换句话说，我需要使宽度、形状(曲线)和阴影与我编码的搜索框成比例。我只寻找纯CSS，HTML和香草Javascript解决方案，如果这是可能
浏览 11提问于2022-06-03得票数 0
我们面对的是..。有趣的问题。在Safari的iOS 7中，当你点击一个锚或输入元素时，这种情况就会特别发生。
目前，我们为iOS <7设置了"-webkit- tap -highlight-color“，以禁用点击链接周围的灰色框。我们还希望在iOS 7中删除此边框。在的新Safari中似乎没有提到任何
浏览 3提问于2013-10-10得票数 2
1回答
更改输入自动填充样式
、、、
我有白色背景和深色文本的输入，但当我输入时，浏览器自动完成，样式就会改变。我知道浏览器可以做到这一点，我已经在Chrome上找到了修复方法，但在Safari和Firefox上却没有。在safari中，文本仍然变成白色(奇怪的是，当我第二次保存文本编辑器时，它变成了我写的颜色)。Firfox仍然将背景设置为黄色。下面是我输入的当前代码。input:-webkit-autofill:active,
input:-webkit-autofi
浏览 0提问于2020-07-04得票数 0
1回答
尝试查看是否找到了iOS的解决方案，以防止以编程方式将焦点给予输入？{ console.log('touchstart');在上面的示例中，touchstart事件仍然是在iOS上触发的，使用Safari Web Inspector输出
浏览 1提问于2016-11-01得票数 2
3回答
当我在桌面或Android设备上运行应用程序时，输入焦点工作正常。但它在iOS10 Safari中不起作用。我正在使用angularjs。
浏览 1提问于2017-02-24得票数 10
这是Safari的错误还是我做错了什么？查看这个Safari和Firefox的CodePen： --itemColor: 200, 0, 0;
--itemColorHex: #C80000中，框影呈现为黑色(应该是红色)，没有alpha。如果您不使用rgba (请参阅注释掉box-shadow行)，这是可行的。奇怪的是，Safari检查元素识别CSS调用，并能够识别CSS自定义属性
浏览 0提问于2018-04-15得票数 11
回答已采纳
我有一个简单的HTML按钮。它在Google Chrome (网页浏览器)上功能齐全，但如果我在Safari (macOS)和Safari (iOS)上测试我的网站，按钮的Hitbox在按钮上方大约50px的位置是错误的。有没有办法只在客户端使用Safari mobil或Safari Mac时修复该按钮？
如果光标位于按钮上。它被停用了
如果光标略微位于按钮上方。
浏览 5提问于2020-03-02得票数 0
我的问题是，在safari for iOS中，当我按下出现时，javascript执行会弹出。我试了两件事：
-webkit-触摸-标注:无；
$item.hammer().on('press'，函数(事件){ event.preventDefault()；event.stopPropagati
浏览 2提问于2015-03-16得票数 3
我试图使div的滚动条(不是整个身体)总是可见的，除了在iOS上的Safari和Chrome之外，它在任何地方都能工作。看起来是：-webkit-滚动条在iOS上不起作用。我尝试过的CSS，它在任何地方都可以工作，但在iOS上是这样： width: 20px;}
你知道有什么办法能让它起作用吗你知道为什么iOS</em
浏览 6提问于2022-07-04得票数 0
我是CSS变换和动画的新手，我只是想知道它们之间有什么不同。
I下的-webkit-transform是特定于chrome的，而-moz-tranform是特定于Mozilla Firefox的。我找不到-webkit和-ms之间的区别。
浏览 2提问于2014-02-26得票数 3
回答已采纳
14回答
对于iOS 11 safari，输入文本框光标位于输入文本框之外。我们不明白它为什么会有这个问题。如您所见，我的焦点文本框是电子邮件文本输入，但我的光标在它之外。这只在iOS 11 Safari中发生。
浏览 13提问于2017-09-21得票数 85
回答已采纳
1回答
当链接到转换转换元素中的页面锚时，我遇到了一些奇怪的行为。我已经设置了一个。标记(为代码删除的段落数量) <p><a href=&quo
浏览 3提问于2014-07-01得票数 3
尤其是如果只有我或者所有使用safari的移动设备。不到一周前，我意外地意识到不再只适用于我的iPhone5(没有更新到9.x版本)，但它适用于mac上的其他新的更高版本的iphone
我打开了一个主题，有人建议我添加前缀webkit (我添加了，但我不明白为什么它曾经在没有前缀的情况下工作，现在没有了..)现在我发现转换css3不起作用了。虽然我的前缀是-webkit！或者在移动s
浏览 3提问于2015-10-19得票数 3
无论何时焦点集中，它都应该转换到页面的顶部。这是因为我想在输入时向用户展示建议。这种实现适用于个人电脑和android设备。而对于IOS设备，当显示可视键盘时，文本框将退出视图端口，但当我按“完成”时再次出现。下面是我使用的CSS：position: relative;transition: all0.5s;
-webkit-transition: all 0.5s; /*
浏览 1提问于2016-09-28得票数 0
回答已采纳
如果有许多项目，我如何使侧面板内容可滚动，而不滚动主页上的内容(在JQM 1.3Beta中)？我正在尝试为一个同时运行在桌面和移动browsers.Have上的应用程序实现这一点，到处寻找，但找不到答案。
浏览 2提问于2013-01-17得票数 1
3回答
为什么这个CodePen在Safari中不起作用？在所有的聚光灯教程中，我和这个一起跑是因为它做了我想做的。它在Chrome/Firefox中工作，但在Safari 7.1+中根本不工作(甚至部分不起作用)。有人能给点线索吗？
height:200px; border-radius:50%;
浏览 8提问于2015-07-16得票数 3
回答已采纳
1回答
我已经看过了所有的答案，但没有一个是有效的，在无数的问题上，所有的答案似乎都过时了。我尝试过更改input和input[type=whatever]的box-shadow、background-clip、background-image、appearance等，但在iOS 12.4中似乎都不起作用Safari铬如何在Chrome和Safari的iOS 12.4中</e
浏览 0提问于2019-07-27得票数 0
1回答
-webkit-动画前缀
、、、
我看到一些CSS在@keyframes和@-0webkit-keyframes中都使用了-webkit-前缀。这是必需的吗？
浏览 4提问于2016-08-28得票数 2
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号