submit с триугольником справа

[PavelTkachev]

Есть ли возможность с помощью css у submit сделать триугольную границу справа, как это было бы для ссылки?

        a::after{            content:'';            position:absolute;            right:-30px;            bottom:0;            border:15px solid transparent;            border-left:15px solid #009944;        }

Дело в том, что after не работает для input. Можно просто сделат блок справа с триугольником, ну нужно при наведении мышки менялся цвет кнопки.

[wwt]

Оберните кнопку в div , и стилизуйте его.

 

 

UPD кстати можно использовать

<button type="submit">ok</button>

он поддерживает псевдоэлементы.

 

UPD2 Ну или так в конце концов

<a href="" onclick="document.getElementById('myform').submit()">ok</a>

[PavelTkachev]

Спасибо!