css3pie select border-radius

Asked Jun 20 '12 at 16:27

Active Jun 20 '12 at 16:27

Viewed 438 times

I am attempting to use CSS3PIE to round the edges of a select element. I am using the below code and running in IE7. The behaviour I get looks as though there are two rounded nodules in the bottom right of the select element. I would assume somehow the element is attempting to round the edges, but the proportions and/or position are not being passed for the created outer-element correctly. Anyone else have this issue or know how to fix it?

CSS

select
{
        behavior: url(http:\\pc-653336\APTEIT\HTC\PIE.htc);
}

select
{
    border:1px solid black;

    border-radius: 10px;
}

HTML

<html>
<head>
<link rel="Stylesheet" href="test.css" />
</head>
<body>
<div id="divy"><select></select></div>
</body>
</html>

asked Jun 20 '12 at 16:27

steventnorris

5,656
23
93
174

Have you read this http://css3pie.com/documentation/known-issues/ from start to end? – biziclop Jun 20 '12 at 17:03
@biziclop Yes I have. Didn't see anything that seemed to help. – steventnorris Jun 20 '12 at 17:11
Behaviors need to be loaded from the same domain - try loading from a relative url. – Inkbug Jul 26 '12 at 14:55

css3pie select border-radius

0 Answers0