Changing the bottom-border color in a List View

[devApps]

I am trying the following code to change the border bottom color of an 'li' element in a list-view

http://dojo.telerik.com/ApIp/27

It does not work

Could you please let me know what's the issue ?

 

[devApps]

The updated link is here :

 

http://dojo.telerik.com/@phcc1t/ilawO

 

 

[devApps]

The updated link is here :

Code Snippet

[Vessy]

Hi PHCC,

Currently the bottom border of the ListView is set through -webkit-box-shadow style, with applied gradient colors of the li borders. In order to set a solid border to the last item you will either need to change the shadow color:

.km-ios7 .km-list > li:last-child {
    -webkit-box-shadow: inset 0 -1px 0 green;
}

or remove the box shadow and the gradient of the items and set border width in the currently used by you styles:

.km-ios7 div ul.km-list > li:last-child {
    border-bottom-width: 1px;
    border-bottom-color: green;
    border-image: none;
}

I hope this helps. Let me know if I can assist you any further on this matter.

Regards,
Vessy
Telerik by Progress

[devApps]

Thanks a ton Vessy.

It's working.