CSS-TricksのエントリーよりCSSとJavascriptでつくるフォーカスされるフォームの紹介です。 デモページはコチラから CSS: input:focus { background: #fc9fff; /* sexy hot pink */ } .tl { position: absolute; top: 0; left: 0; width: 10px; height: 10px; background: url(images/corner-topleft.jpg); display: none; } .tr { position: absolute; top: 0; right: 0; width: 10px; height: 10px; background: url(images/corner-topright.jpg); display: none; } .bl { p
![CSSとJavascriptでつくるフォーカスされるフォーム](https://cdn-ak-scissors.b.st-hatena.com/image/square/126e9c63960837b5815901e11e1f6c1303c17f2b/height=288;version=1;width=512/https%3A%2F%2Fblog.seesaa.jp%2Fimg%2Fogp_logo.png)