CSS 输入上的 CSS3 插入/内部阴影?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/11979244/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-30 04:49:27  来源:igfitidea点击:

CSS3 inset/inner drop shadow on input?

css

提问by acctman

is there a way using CSS3 to get an inset/inner dropshadow on a text inputbox? The inset code below will only do boxes

有没有办法使用 CSS3 在文本输入框上获得插入/内部阴影?下面的插入代码只会做盒子

-moz-box-shadow:inset 0 0 10px #000000;
     box-shadow:inset 0 0 10px #000000;

回答by Zoltan Toth

Try this - http://jsfiddle.net/3TYTt/

试试这个 - http://jsfiddle.net/3TYTt/

input {
    -webkit-box-shadow:inset 0 0 10px #000;
       -moz-box-shadow:inset 0 0 10px #000;
            box-shadow:inset 0 0 10px #000;

    background: transparent;
}?