Dashcode: Input field issue

Discussion in 'Web Design and Development' started by van4ous, Feb 17, 2009.

  1. van4ous macrumors newbie

    Joined:
    Feb 17, 2009
    #1
    Hi guys,

    I have an issue with strange shadow on top of input fields. But in WYSIWYG mode, I see that there is no borders and shadows, but in runtime (iPhone or iPhone Simulator) it is displaying.

    Below, I've attached two screens:

    In WYSIWYG mode:
    [​IMG]

    In RUNTIME mode:
    [​IMG]

    Please, help me to remove this strange shadow!!!

    Thanks, Ivan
     
  2. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #2
    The Safari browser on the iPhone may be doing that to the focused form field, currently expecting input. Beyond that, I need to see your entire stylesheet to see if a cascade issue exists from another selector. If you use inline styling then include all the relevant HTML for that form field as well. Or, supply a link please so I can view it on my iPhone 3G.

    -jim
     
  3. van4ous thread starter macrumors newbie

    Joined:
    Feb 17, 2009
    #3
    I've resolve this issue. Follow css hack will help:

    -webkit-appearance: none;
    -webkit-border-top-right-radius: 0px 0px;
    -webkit-border-top-left-radius: 0px 0px;
    -webkit-border-bottom-left-radius: 0px 0px;
    -webkit-border-bottom-right-radius: 0px 0px;
     
  4. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #4
    Just a quick note to those following this, -webkit hacks are extensions of standard CSS adopted for the Safari browser only, a perfect solution for the iPhone. These code are likely to remain supported and some even adopted into CSS3, but technically they are not part of any officially recognized W3C standard. So use but don't rely on them for the long term.

    -jim
     

Share This Page