locked
css background-color RRS feed

  • Question

  • User1510859543 posted

    We are using a CSS class to define colors for alternate rows on a GridView.  We are having an issue with iPhones such that the background-color is not showing up but it works great on iPad, laptop and desktop.  Do the CSS settings need to be different/modified to work on iPhone same as others?  Below is our css setting.

    .mealrow {
        background-color: #D2FFD2;
        color: black;
    }

    Friday, August 5, 2016 2:43 PM

Answers

  • User-474980206 posted

    no, the iPhone CSS support is the same as the iPad. you css should work on an iPhone.

    if you plug your iPhone into a mac, you can use safari's web inspector to debug the issue (turn on safari dev mode in settings), though the iPhone emulator may tell you. using chrome's web inspector you can do the same for android devices.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Friday, August 5, 2016 7:36 PM
  • User1510859543 posted

    When I changed the background-color to lower-case (#d2ffd2) it worked as expected....strange.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Friday, August 5, 2016 7:40 PM

All replies

  • User-474980206 posted

    no, the iPhone CSS support is the same as the iPad. you css should work on an iPhone.

    if you plug your iPhone into a mac, you can use safari's web inspector to debug the issue (turn on safari dev mode in settings), though the iPhone emulator may tell you. using chrome's web inspector you can do the same for android devices.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Friday, August 5, 2016 7:36 PM
  • User1510859543 posted

    When I changed the background-color to lower-case (#d2ffd2) it worked as expected....strange.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Friday, August 5, 2016 7:40 PM
  • User61956409 posted

    Hi dlchase,

    Firstly, I’m glad to hear that you resolve the issue by yourself.

    Besides, all major browsers support Hexadecimal color values and we could use upper case or lower case letters to specify hexadecimal values.

    Best Regards,

    Fei Han

    Monday, August 8, 2016 3:00 AM