selectの選択されたテキストをずらしたい

いつもお世話になっております。
初めての質問ですので、失礼などございましたらご容赦ください。

HTMLで、selectタグのプルダウンリストで文字先頭に空白を入れたいです。

発生している問題・エラーメッセージ

chromeでは、先頭の空白がありません。
IE11では問題なく表示されますが、chromeを使う必要があります。
CSSでの書き換えは許されていないので、どうにかHTML上のみで実現したいです。

該当のソースコード

html
1<select class="form-control input-sm">
2															<option value="1">&emsp;&emsp;あああああ</option>
3															<option value="2">&emsp;&emsp;いいいいい</option>
4													</select>

試したこと

半角スペースや特殊文字等は試しましたが、プルダウンリストで表示される部分は空白が入るのに表示のみうまくいきません。

kei344

2018/07/20 08:55

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

kuduki

2018/07/20 09:01

ありがとうございます、解決済にしました。

行動規範の内容に同意します

回答2件

ベストアンサー

styleで調整するのはいかがでしょうか

HTML
1<select class="form-control input-sm" style='padding-left:15px;'>

投稿2018/07/20 05:16

yuusuko

総合スコア145

kuduki

2018/07/20 06:23

こちらのpaddingの方法を試したところ、解決しました！ありがとうございました。

行動規範の内容に同意します

「」を「」に変えてみては？（幅は別途調整）

投稿2018/07/20 05:42

yambejp

総合スコア114769

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！