刪除textarea的盒子陰影只

Question

這是我目前有：

我試圖做的是去除textarea的底部的box-shadow（一隻是B的正上方，I和U），使其最終看起來像這樣：

這裏的的jsfiddle：http://jsfiddle.net/MgcDU/7616/

HTML：

<div class="editor span4"> 
    <textarea class="span4"></textarea> 
    <ul class="format-post"> 
    <li><b>B</b></li> 
    <li><i>I</i></li> 
    <li><u>U</u></li> 
    </ul> 
</div> 

CSS：

@import url('http://getbootstrap.com/2.3.2/assets/css/bootstrap.css'); 

body { 
    margin: 10px; 
} 

textarea { 
    border-radius: 2px 2px 0 0; 
    border-bottom-color: #eee; 
} 

textarea:focus { 
    border-bottom-color: #eeeeee; 
} 

textarea:focus + .format-post { 
    border-color: rgba(82, 168, 236, 0.8); 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 7px rgba(82, 168, 236, 0.6); 
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; 
} 

.format-post { 
    list-style: none; 
    background: #fafafa; 
    height: 35px; 
    border: 1px solid #cccccc; 
    border-top: 0; 
    border-radius: 0 0 2px 2px; 
    margin: 0; 
    margin-top: -10px; 
} 

.format-post li { 
    width: 35px; 
    height: 35px; 
    border-right: 1px solid #eee; 
    text-align: center; 
    line-height: 33px; 
    font-size: 14px; 
    color: #333; 
    cursor: pointer; 
    display: inline-block; 
} 

請幫助。

Answer 1

我只是改變了box-shadow到

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 
0 -4px 7px rgba(82, 168, 236, 0.6); 

和它的工作！ :)

底色還是藍色的，所以我只是把它改爲

border-bottom: 1px solid #999; 

如果需要，可以改變它！ :)

這裏是小提琴：http://jsfiddle.net/afzaal_ahmad_zeeshan/MgcDU/7617/

對不起，我剛纔看到你想要的文字區域是彩色的，不適合的問題。你在標題中說刪除邊框底部。但是，在回答你有兩個底部邊界。

如果你想在textarea沒有激活的時候得到邊框和所有動畫，那麼刪除:focus就可以完成這項工作。

而且我還是很抱歉，因爲我不明白答案，因爲我無法得到它，應該回答問題或答案。