相关疑难解决方法(0)

在iOS(Safari 5)上,我必须关注输入元素(顶部内部阴影):

我想删除顶部阴影,bug -webkit-appearance不保存.

目前的风格是:

input {    
    border-radius: 15px;
    border: 1px dashed #BBB;
    padding: 10px;
    line-height: 20px;
    text-align: center;
    background: transparent;
    outline: none;    
    -webkit-appearance: none;
    -moz-appearance: none;
}

所以我有一个文本输入,我使用html5,在chrome上,我想改变文本输入的外观,我已经删除焦点上的轮廓(橙色在chrome上),我将背景设置为浅色#f1f1f1但现在在顶部和左侧有一个较厚的边框,就像它看起来被推入一样,当背景颜色没有变化时,这不会发生.我该如何删除它？抱歉,我无法在移动设备上提供图片.

它发生在chrome上,即Firefox,无法测试任何其他内容.

box-shadow标题上我很简单:

h1 {
    box-shadow: 0 4px 9px -8px #000000;
    color: #D95B43;
    height: 1.2em;
    margin-top: 0;
    font-size: 1.3em;
    padding: 10px;
}

但是盒式阴影在Mobile Safari(iOS 7)上不起作用.在以前的版本中(在纵向视图中,在iOS7中),它工作正常.

这是一个截图:

还有一个小伙子.

我怎么解决这个问题？