文字陰影，但不能刪除線

Question

我有以下樣式提交按鈕

<input type="submit" id="addToCart" value="Add to cart">

：

text-shadow: 
3px 3px 0 #000, 
-1px -1px 0 #000, 
1px -1px 0 #000, 
-1px 1px 0 #000, 
1px 1px 0 #000; 
text-decoration: line-through; 

但問題是，刪除線有文字陰影了。有沒有辦法將它分開，以便文本具有陰影而不是刪除線？

FIDDLE：http://jsfiddle.net/cxJ4a/

Answer 1

當一切都失敗了，欺騙像瘋了似的。

#addToCart { 
    position: relative; 
} 

#addToCart:before { 
    content: ''; 
    display: block; 
    position: absolute; 
    height: 0; 
    left: 0; 
    right: 0; 
    margin-top: 0.5em; 
    border-top: 1px solid white; 
} 

您可能需要保證金和邊框搗鼓佔按鈕，填充線高度等

編輯：請注意，這不符合<input>工作，因爲它是一個替換元素...但它確實與<button>一起工作，這是一個或多或少普通的HTML容器。