[Paul_paul]

The left and right borders of the selectlistItem widget have already been removed in the ‘mobione-ios7-theme.css.’
I would like to remove the top and bottom border also, how can I achieve this.
Thanks

[support-michael]

@stickleback

Let me give it the css a look and will follow up shortly.

[support-michael]

I used the Simulator and chrome’s dev tools to inspect into the dom and learn which css style are affecting the selectlist appearance. Try this small change to mobione-ios7-theme.css file to turn off the top border of a selectlist. See attachment remove-ios7-selectlist-top-border.jpg

In my example project it appears the bottom border of selectlist are already hidden. Let me know if you see something different and I’ll give it a deeper dive. Please include a screenshot or example project of any rendering issues if it will help me “get it” quicker 🙂

Attachments:

You must be logged in to view attached files.

[Paul_paul]

The bottom border still remains after making the change you suggested.
See attachment list.JPG

Attachments:

You must be logged in to view attached files.

[Paul_paul]

I have removed the bottom border by replacing the line ‘left: 9px;’ as per instructions with ‘border-bottom:none;’ in the ‘home.css’ file.

Attachments:

You must be logged in to view attached files.

[Author]

Posts