1

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

现在您可以看到输入和 a 标签之间的线。如何删除那条线（tat 是阴影）

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

4

4 回答 4

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”，以使阴影分别来自左侧和右侧。

问候。

于 2012-09-14T10:21:45.600 回答
0

嗨 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;
}

现场演示

-------------------------------------

------------------------------------------

如果您完全删除输入和按钮的阴影

比应用这个 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;
    }

这个演示是

于 2012-09-14T10:09:39.987 回答
0

将此值用于 box-shadow

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

添加负价差（第四个值）并通过添加价差量来均衡 x 值

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

于 2012-09-14T10:23:15.310 回答
0

尝试负传播半径：

input[type="text"]{box-shadow: inset 0 3px 0px -1px #C3C1BB;}
.search_indexclose{box-shadow: inset -2px 5px 0px -3px #C3C1BB;}
于 2012-09-14T10:43:40.027 回答