[Paul_paul]

In your instructions to remove the margins from selectListMenu1 & 2 and also selectListItem1 & 2,
I wanted the square edge look so to achieve this I added the line ‘-webkit-border-radius: 0px;’ to these CSS items. Worked just right. There might be an easier way though, I expect someone will tell me if there is.

[support-michael]

Did you take a look at the mobione-ios7theme.css referenced in the article for configuring the ios7 theme?

Feel free to hack it as needed. It includes new styling in a section for rounded lists, select list items and select list menus. Here’s the css snippet (copy/paste).

/*-----  ROUNDED LIST -----*/
.m1-rounded-list.m1-list > li{
  border-top: none;
  border-left: none;
  border-right: none;
    
  left:  0px;
  margin-right:  0px;
  
  /* need to generalize these styles and remove from individual elements 
  left: 9px;
  margin-right: 18px;
  */
}
 
.m1-rounded-list.m1-list > li.m1-first{
  border-top: 1px solid rgb(200,200,200);
  -webkit-border-top-left-radius:  0px;
  -webkit-border-top-right-radius: 0px;
}

.m1-rounded-list.m1-list > li.m1-last{
  -webkit-border-bottom-left-radius:  0px;
  -webkit-border-bottom-right-radius:  0px;
}

[Author]

Posts