WebSegmentedControl Styles

Is anyone else seeing this?

I have a WebSegmentedControl, with both “Style” and “SelectedStyle” properties set to valid WebStyles.

When I run the project, it appears as though a shadow property is being added to the styles (see screenshot).

Is there any way to work around this bug?


Sorry, should have mentioned: Xojo 2017r2.1 on OS X 10.11.6. Happens in both Safari and Chrome.

Here’s the problem, I think:

Xojo is sending a stylesheet that includes this code:

div.segmented .cell { background-color: #EBEBEB; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB)); background-image: -moz-linear-gradient(top, #FFFFFF, #EBEBEB); border: 1px solid #B6B6B6; position: absolute; top: 0px; bottom: 0px; cursor: default; overflow: hidden; color: #000000; text-shadow: 0px 1px 0px #FFFFFF; }

It’s the last line that’s causing the shadow.

I haven’t seen this before today, but now even if I revert to a previous Xojo version, the shadow is still there.

Any way to get rid of this?

OK, I answered my own question. Just add a “Text Shadow” property to the WebStyle and it overrides this.

Thank you, I have just found this issue on a new web project and didn’t know the cause of the blurring.