Dashcode: Input field issue

[van4ous]

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:
http://huyabora.com/inWYSIWYG.gif

In RUNTIME mode:
http://huyabora.com/inRUNTIME.gif

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

Thanks, Ivan

[SrWebDeveloper]

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

[van4ous]

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;

[SrWebDeveloper]

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