Styles of “DELETE” button on web apps

Classical Style

Showing the confirmation dialog box when clicked. It’s typical and easy to code: only one JavaScript method confirm(). But it might be used too much. I have been ordered from my client like this. “Not enough. Show the dialog box twice or thrice.” No kidding!!

del.icio.us Style

delete this post? no / yes

Simple and very efficient. I love this style.

WordPress Admin Style

The background color of the delete button changes to red when mouseover. Nice effect! Users should attend to before clicking the button. Moreover, you could apply it to the existing apps with a few css code. (Although IE does not support :hover on elements other than links <a>, csshover.htc enables pretty much unlimited :hover usage in IE.)

Keep working!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>