超大光標在Firefox窗體中帶有文本框背景圖像

Question

我有一個帶有文本框背景圖像的web窗體，爲它們提供了一個不錯的圓角。在Chrome中，文本框按預期工作，但是，如果我在Firefox中查看錶單，光標的大小似乎與圖像的高度相同，但文本是正常大小。

有沒有辦法來覆蓋這個過大的光標？

這裏是文本框的CSS：

.ed_form_textbox { 
    width:319px; 
    height:34px; 
    margin-bottom:10px; 
    padding-left:10px; 
    background: transparent url("/images/textbox.png") no-repeat bottom left; 
    position:relative; 
    border:none; 
} 

感謝。

下面是Firefox的Web開發的樣式信息：

.ed_form_textbox (line 54) { 
width: 319px; 
height: 34px; 
margin-bottom: 10px; 
padding-left: 10px; 
background-color: transparent; 
background-image: url("/images/textbox.png"); 
background-repeat: no-repeat; 
background-attachment: scroll; 
background-position: left bottom; 
position: relative; 
border-top-width: medium; 
border-right-width-value: medium; 
border-right-width-ltr-source: physical; 
border-right-width-rtl-source: physical; 
border-bottom-width: medium; 
border-left-width-value: medium; 
border-left-width-ltr-source: physical; 
border-left-width-rtl-source: physical; 
border-top-style: none; 
border-right-style-value: none; 
border-right-style-ltr-source: physical; 
border-right-style-rtl-source: physical; 
border-bottom-style: none; 
border-left-style-value: none; 
border-left-style-ltr-source: physical; 
border-left-style-rtl-source: physical; 
border-top-color: -moz-use-text-color; 
border-right-color-value: -moz-use-text-color; 
border-right-color-ltr-source: physical; 
border-right-color-rtl-source: physical; 
border-bottom-color: -moz-use-text-color; 
border-left-color-value: -moz-use-text-color; 
border-left-color-ltr-source: physical; 
border-left-color-rtl-source: physical; 
font-size: 12px; 
} 

.ed_form_textbox:focus (line 65) { 
outline-width: medium; 
outline-style: none; 
outline-color: -moz-use-text-color; 
} 

Answer 1

您將需要一個font-size:添加到您的類，如果你想插入符號（文本光標）要小一些。