HTML/CSSにて特定のinput項目のクリアボタンを非表示としたい

Question

HTML/CSSにて特定のinput項目のクリアボタンを非表示とする方法

::-ms-clear{
 display: none;
}

で非表示にできると言う情報は検索で得ましたが現状ソースにどのように組み込めば良いかわかりません。

現状のソース

<TD class="data" rowspan="2">
    <INPUT type="text" name="name1" class="type_t05" maxlength = 11>
</TD>

input.type_t05{
     color:black;
     text-align:right;
     font-size:10pt;
}

input.type_t05の中に組み込める？
別で定義する必要がある？
また、どのようなソースにすれば良いでしょうか？

御指南宜しくお願い致します。

Comments

[yambejp]

命題のソースの中の「クリアボタン」にあたるものはなんですか？

[KK_0000]

input項目にデフォルトで表示される「×」です。

[yambejp]

MS系の仕様のようですが、IE,Edgeの指定はありますか？
（IE必須の場合はバージョンも）

[KK_0000]

使用しているのがIE11ですのでIE11でお願いします。

Answer 1

こういうことでしょうか。

input.type_t05::-ms-clear{
 display: none;
}

Comments

[KK_0000]

この書き方でCSSに追記しましたが「×」は非表示となりませんでした。。。

[yambejp]

IE11ならkei344さんの回答が必要十分だと思います

[kei344]

To: k.kawanishiさん
私の検証環境にてIE11で表示が消えることを確認しました。

下記の様な書き方をしていますか？
input.type_t05{
color:black;
text-align:right;
font-size:10pt;
}
input.type_t05::-ms-clear{
display: none;
}
他の指定による上書きや、編集したCSSのキャッシュが残っていないかなど確認してください。