text-transform :: first-letter甚至不用display：block

Question

我需要将文本设置为大写，但是，文本是以大写形式编写的，我无法在HTML中更改它。

所以，我在这里看了一眼，发现使用“:: first-letter”我可以做到。

但是它没有用，甚至在这里给出类似问题的答案。

我添加了display：block，并尝试使用“.ct”类和“＃cboCarteira-ct1”id。

这是我最新的HTML

select {
height: 19px;
font-size: 11px;
color: #fff;
-webkit-appearance: none;
-moz-appearance: window;
text-indent: 0.01px;
text-overflow: '';
appearance: none;
cursor: pointer;
background: #383838 url(../images/select-background.png) no-repeat right center;
border: 1px solid #555;
border-radius: 4px;
box-shadow: 1px 1px 0px #555;
padding-right: 16px;
font-family: 'Saira', sans-serif;
text-transform: lowercase;
display: block;
}
select::first-letter{
text-transform:uppercase;
}

<td style="width:138px; height:20px;"><select id="cboCarteira-ct1" 
style="width:138px;" class="ct"><option id="10893-ct1-o" 
value="10893">CARTEIRA1</option><option id="10906-ct1-o" 
value="10906">TESTE</option></select></td>

我的代码实际https://codepen.io/anon/pen/KvBOXm

提前致谢。