html - css3 光标和默认阴影问题

Question

所以我的光标仍然是默认光标，即使我已将其更改为指针。当我截取屏幕截图发布到这里时，我注意到如果我将鼠标悬停在链接上并点击 CMD，它会变成一个指针，但它会在页面上的任何地方保持这种状态，除非我再次点击 CMD。我的第二个问题是关闭文本输入字段上的默认阴影。我试过 box-shadow: none;但它没有用。我在 Mac 上使用 Safari 9.0.3 Default shadow on input element

form {
    width: 100%;
    input[type=text]{
        border-radius: 0.5em;
        height: 1.5vw;
        font-size: $fntSize;
        width: 12.7%;
        position: absolute;
        top: 10.35vw;
        left: 68.3vw;
        box-shadow: none;
        cursor: text;
    }
    input[type=image]{
        position: absolute;
        top: 10.8vw;
        left: 80.1vw;
        height: 0.8vw;
        cursor: pointer;

Answer 1

使用在您端复制错误的 jsfiddle 解决游标问题会容易得多。

就输入的默认样式而言，这实际上是 border 样式而不是 box-shadow。输入默认为 border-style: inset 所以你只需要在它的位置设置你想要的属性。例如。 border: 1px solid #ccc 或 border-style: solid 至少。