送信ボタンの中央にある半透明の三角形

Question

フォームに送信ボタンを作成しようとしています：http://nulaena.si/temp/triangle.jpg（真ん中に半透明の三角形）。 http://jsfiddle.net/ptinca/UJUAT/3/

だけCSSでこれは可能です：

これは私が現時点で持っているものでしょうか？どんな助けでも大歓迎です。

Answer 1

透明なPNG画像を送信ボタンの背景画像として使用すると効果があります。

background: url(subscribe.png) transparent no-repeat; 

EDIT：

明確にするために、画像はもちろんのことで三角形、とオレンジ色の背景を持っている必要があります。

Answer 2

CSS3を必要とせず、css2擬似クラスだけを使用するという、非常に簡単な方法があります。注意すべき重要な変更は、このような入力としてインライン要素に擬似クラスを適用することはできませんということですので、私はあなたの入力を変更しなければならなかったbutton要素に送信ボタンを

ここで追加のコードです：それは

html: 
<form> 
<input type="text" name="email" value="enter your email address" class="besedilo" /> 
<button type="submit" name="subscribe" value="subscribe" class="submit">Subscribe</button> 
</form> 

css: 
button { position: relative; } 
button:after { 
content: ''; 
position: absolute; 
top: 14px; right: 17px; 
height: 0; width: 0; 
border-top: solid 6px transparent; 
border-left: solid 6px #fff; 
border-bottom: solid 6px transparent; 
}