<option> 요소에 텍스트를 가운데 맞추는 방법은 무엇입니까?

Question

사용할 때 텍스트를 가운데에 맞추고 싶습니다. < 선택> < 옵션>. < 선택> 멋진 직사각형 버튼으로 맞춤화되었지만 텍스트가 왼쪽으로 정렬되어 있고 CSS로 타겟팅하는 방법을 모르므로 중심에 배치 할 수 있습니다.

은 지금까지 나는 시도했다 :

option { text-align:center; } 

및

option[value=0] { text-align:center } 

운 .. 여기

내가 지금까지 무엇을 가지고 :

http://jsfiddle.net/xtsx68pf/

텍스트를 중앙에 놓아야합니다. < 옵션> 요소로 어떻게 할 수 있습니까?