去掉左边的插图阴影

Question

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

现在您可以看到输入和a标记之间的行。如何删除这条线(tat是阴影)

这是演示http://jsfiddle.net/jBeqk/

Answer 1

将此值用于长方体阴影

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

添加负价差(第四个值)，并通过重新添加价差数量来平衡x值

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

Answer 2

如果我没理解错的话，你想移除输入和链接之间的薄薄阴影。

因此，我修改了你的小提琴，得到了这个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’，以使阴影分别来自左侧和右侧。

致以问候。

Answer 3

嗨，sowmya，现在你可以做到了

并删除输入文本框的左边框

input[type="text"]{
-webkit-box-shadow: inset 1px 2px 1px #c3c1bb; 
box-shadow: inset 1px 2px 1px #c3c1bb;
}

或第二个选项是此

input[type="text"]{
-webkit-box-shadow: inset 0 2px 1px -1px #c3c1bb; 
box-shadow: inset 0 2px 1px -1px #c3c1bb;
}

如果您完全移除了输入和按钮阴影

然后apply this css

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