css饼图仅对字段元素无效

我正在使用ie8，不知道其他版本。 我到处都在用馅饼，一般都可以。但是，我所有的表单输入元素都有一个框阴影和边框半径，没有边框，几乎所有样式都没有边框。在FF/Safari/Chrome中一切都很好，但在IE中，表单缺少方框阴影

我还在coffeescript中使用这个自定义样式设置了我的选择下拉字段

$.fn.extend customStyle: (options) ->
  if not $.browser.msie or ($.browser.msie and $.browser.version > 6)
    @each ->
      currentSelected = $(this).find(":selected")
      $(this).after('<span class="customStyleSelectBox"><span class="customStyleSelectBoxInner">' + currentSelected.text() + '</span></span>').css 
        position: 'absolute'
        opacity: 0
        fontSize: $(this).next().css("font-size")

      selectBoxSpan = $(this).next()
      selectBoxWidth = parseInt($(this).width()) - parseInt(selectBoxSpan.css("padding-left")) - parseInt(selectBoxSpan.css("padding-right"))
      selectBoxSpanInner = selectBoxSpan.find(":first-child")
      selectBoxSpan.css display: "inline-block"
      selectBoxSpanInner.css 
        width: selectBoxWidth
        display: "inline-block"

      selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css("padding-top")) + parseInt(selectBoxSpan.css("padding-bottom"))
      $(this).height(selectBoxHeight).change ->
        selectBoxSpanInner.text($(this).find(":selected").text()).parent().addClass "changed"

这在IE中起作用，至少在正确设置样式并实际显示之前，但现在它不是一堆完全白色的字段轮廓，相互融合并进入下一个输入字段，不确定发生了什么变化。不管怎样，如果它起作用的话，z-索引/定位会使它在你点击它时不会下拉

---

有没有人能为自定义样式的“选择”下拉列表和“无框阴影”问题提供解决方案？谢谢

应用位置：相对位置；到受影响的输入字段。

IE8不支持边界半径，您必须提供一些代码以获取帮助。。或者可以肯定的是，我在头几句话中提到了css派，我感觉CSS3派不能在表单元素中应用太多的魔力。不过，不要相信我的话。它是有效的，只是因为它隐藏在其他元素或其他东西后面而无法正常工作。

.customStyleSelectBox 
  +border-radius(4px)
  +box-shadow(0 1px 1px silver inset)
  +pie /*adds pie.htc behavior */
  position: relative
  z-index: 0
  width: 70px
  background-color: white
  color: #333
  font-size: 12px
  padding: 7px