PHP & JavaScript Room :: 設置サンプル

<style type="text/css">
    /********************************
      Netscape、Firefoxのみ
    *********************************/
    /* input要素全体 */
    .special input { color:navy; }
    /* テキストボックスのみ適用 */
    .special input[type="text"] { border:1px solid silver; padding:.2em .5em; }
    /* ファイル参照のみ適用 */
    .special input[type="file"] { background-color:#8ecdf0; }
    /* フォームボタンのみ適用 */
    .special input[type="button"] { padding:5px 10px; color:#00a0dd; }
    /* フォームのクリアボタンのみ適用 */
    .special input[type="reset"] {  background-color:#00a0dd; color:#fff; }
    /* フォーム送信ボタンのみ適用 */
    .special input[type="submit"]  { border:2px solid #00a0dd; color:#00a0dd; background-color:#fff; font-weight:bold; }
</style>

<div class="special">
    <p><input type="text" value="テキストボックス" size="50" /></p>
    <p><input type="file" /></p>
    <p>
        <input type="button" value="Button" />
        <input type="reset" value="Reset" />
        <input type="submit" value="Submit" />
    </p>
</div>