删除左侧插入阴影

时间:2012-09-14 09:45:22

标签: html css css3

我在输入框旁边使用了一个标签。有两个内盒阴影,但问题是,我需要让整个东西看起来像一个项目(文本框)所以我需要删除文本框的左侧阴影。

现在您可以看到输入和标签之间的界限。如何删除该行(tat是影子)

以下是演示http://jsfiddle.net/jBeqk/

3 个答案:

答案 0 :(得分:1)

如果我理解你的话,你想要删除输入和链接之间的细影,它就是按钮。

因此我修改了你的小提琴以获得这个http://jsfiddle.net/jBeqk/75/

我修改了输入和链接中的阴影属性

输入:

webkit-box-shadow: inset 1px 2px 1px #c3c1bb; 
box-shadow: inset 1px 2px 1px 

链接:

-webkit-box-shadow: inset -1px 2px 1px #c3c1bb;
box-shadow: inset -1px 2px 1px #c3c1bb;

您可以注意到我修改了第一个参数,将其设置为输入的“1px”和链接按钮的“-1px”,使阴影分别来自左侧和右侧。

问候。

答案 1 :(得分:0)

将此值用于box-shadow

inset 0px 3px 1px -1px #c3c1bb

添加负差价(第四个值)并通过加回差价金额来均衡x值

http://jsfiddle.net/HerrSerker/jBeqk/79/

答案 2 :(得分:0)

尝试负扩散半径:

input[type="text"]{box-shadow: inset 0 3px 0px -1px #C3C1BB;}
.search_indexclose{box-shadow: inset -2px 5px 0px -3px #C3C1BB;}