IE11でフォーカスを外したinput欄の表示を始点からにしたい

Question

前提・実現したいこと

Webページを作成中です。
input[type="text"]のフォームにおいて、
inputの幅を超える文字数を入力した場合、
InternetExplorer11の場合、フォーカスを外した後は外した時の状態のままで表示されます。
入力内容：あいうえお　で表示幅が3文字の場合、カーソルが「お」に合ってるときにフォーカスを外すと「うえお」の文字が見える状態になる
これがGoogle Chromeだとどこにカーソルがあろうと「あいう」が表示された状態になります。
IEでも同じ挙動にできるようなCSSの設定はあるんでしょうか？
あるいは、JavaScript、JQueryで実現できるのでしょうか？

使用しているJQueryのファイルはjquery-3.3.1.min.jsです。
よろしくお願いします。

試したこと

CSSでtext-align:left;にする　→入力は左寄せになるが、フォーカスアウト時の挙動は変わらず

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

姑息な手段

<script>
window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('#txt').addEventListener('blur',function(e){
    var t=e.target;
    var v=t.value;
    t.value="";
    setTimeout(function(){t.value=v},0);
  });
});
</script>
<input type="text" size=3 value="あいうえおかきくけこ" id="txt">

jQueryバージョン

一応jQueryバージョンあげときます。
せっかくなので一時保存にdataをつかってみました

<script>
$(function(){
  $('#txt').on('blur',function(){
    $(this).data('val',$(this).val());
    $(this).val('').delay(0).queue(function(){
      $(this).val($(this).data('val')).dequeue();
    });
  });
});
</script>
<input type="text" size=3 value="あいうえおかきくけこ" id="txt">

Comments

[ggsu_koma]

回答ありがとうございます。
「一度空欄にしてvalueを入れなおす」という所までは考え、JQueryで同じような事は書いたのですが(試した事に書いてませんでした。すみません)
思ったように動かずあきらめていました。
しかし、setTimeoutを使用したら期待する動きにすることができました。JQuery仕様に書きなおして使わせていただきたいと思います。
ただ、CSSの設定でこれができたらベストだとは思っていたのですが、該当するプロパティはやはり無いのでしょうか？

[yambejp]

jQuery仕様も念の為アップしておきました
CSSでは難しいんじゃないですかね・・・

[ggsu_koma]

ご丁寧にありがとうございます。どちらのソースも大変勉強になりました。BAにさせていただきます。