Невозможно установить вес шрифта для псевдоэлемента: after, используемого в элементах <input>

Итак, у меня есть пользовательский стиль для элемента ввода, и я хочу поместить текст на вкладке с помощью :after.

Проблема, с которой я сталкиваюсь, заключается в том, что я не могу изменить шрифт-вес в элементе :after, эта проблема возникает только с комбинацией элементов input и :after.

CSS

input[type="checkbox"] { /* enable styling of the checkbox ! */
    -moz-appearance: none;
    -webkit-appearance: none;
}

input { /* set up some basic styles.... */
    background-color:#ccc;
    width:200px;
    height:200px;
    background-color:grey;
}

input:after { /* and we create the :after element */
    width:100%;
    text-align:center;
    font-weight:100; /* THIS DOESN'T WORK FOR SOME REASON */
    content: "This should be thin"; /* some text */
}

JSFIDDLE

http://jsfiddle.net/xQVfL/1/

ИСПРАВЛЕНО

Chrome для Mac (последний)

Вопрос

Почему я не могу установить плотность шрифта в элементе :after, установленном в элементе input?