padding is not working in Safari and IE in select list

后端 未结 7 671
情书的邮戳
情书的邮戳 2020-11-27 20:32

Does any one know why my Safari is not taking padding in select lists? It\'s working fine in FF please tell me what to do. is there any issue with the doctype?

code:

7条回答
  •  执笔经年
    2020-11-27 20:57

    Try this this works for firefox,ie some truble with padding but works with background image. Best works in google chrome and firefox. This do not work in opera at all but padding works. So i do not care it doesn't work in opera or other browser because i hate them and it is not porssible to fix all problems to work great in all browsers.

    Just make select option 208 px image and put it like this. It has some hack elements for ie ;)

    .sl{
    background-color: Transparent;
    
    border: 0;
    background: #181818;
    color: #cccccc;
    outline: none;
    padding: 15px;
    padding-left: 5px; 
    font-size: 8pt;
    line-height: 10px;
    
    width: 208px;
    height: 29px;
    -webkit-appearance: none;
    
    }
    
    
    
    
    

    See in the action how it looks like ;)

    I hope you helped some ;)

提交回复
热议问题