Oops! I just found this myself. Just add this line on any element you need:


       -webkit-appearance: none;

Add this code into the css file:

    input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    }

This will help.

The above answer for webkit appearance worked, but the button still looked kind pale/dull compared to the browser on other devices/desktop. I also had to set opacity to full (ranges from 0 to 1)

    -webkit-appearance:none;
    opacity: 1

After setting the opacity, the button looked the same on all the different devices/emulator/desktop.

How can I replace `foobar` with `foo123bar`? 

This doesn&#39;t work:

    &gt;&gt;&gt; re.sub(r&#39;(foo)&#39;, r&#39;\1123&#39;, &#39;foobar&#39;)
    &#39;J3bar&#39;

This works:

    &gt;&gt;&gt; re.sub(r&#39;(foo)&#39;, r&#39;\1hi&#39;, &#39;foobar&#39;)
    &#39;foohibar&#39;

I think it&#39;s a common issue when having something like `\number`. Can anyone give me a hint on how to handle this?

python re.sub group: number after \number

I am using &lt;a href=&quot;http://log.scifihifi.com/post/55837387/simple-iphone-keychain-code&quot;&gt;idandersen&#39;s scifihifi-iphone&lt;/a&gt; code for keychain and save password using

    [SFHFKeychainUtils storeUsername:@&quot;User&quot; andPassword:@&quot;123&quot;
                  forServiceName:@&quot;TestService&quot; updateExisting:YES error:&amp;error];

When I delete the application from the device, the password remains in the keychain.

I want to remove the password from the keychain when the user deletes the application from the device. How can I do this?


Delete keychain items when an app is uninstalled

I noticed that if I style my buttons with CSS using radius, colors and borders, they look good but in the iphone/ipad/ipod they look terrible...shouldn&#39;t be the same rendering as in Safari Desktop??

![enter image description here][1]


  [1]: http://i.stack.imgur.com/PsQOV.jpg

CSS submit button weird rendering on iPad/iPhone

<p>I noticed that if I style my buttons with CSS using radius, colors and borders, they look good but in the iphone/ipad/ipod they look terrible...shouldn't be the same rendering as in Safari Desktop??</p>
<p><img src="http://i.stack.imgur.com/PsQOV.jpg" alt="enter image description here"></p>


I want to add a table header (not section headers) like in the contacts app for example:
![enter image description here][1]

exactly like that - a label beside an image above of the table.

I want the all view be scrollable so I can&#39;t place those outside of the table.

How can I do that?


  [1]: http://i.stack.imgur.com/EM6YP.jpg

Adding iOS UITableView HeaderView (not section header)

I&#39;m using CSS to style the input buttons on my website, but on IOS devices the styling is replaced by Mac&#39;s default buttons. Is there a way to style buttons for iOS, or a way to maybe make a hyperlink that behaves like a submit button?

Styling input buttons for iPad and iPhone

&gt; **Possible Duplicate:**  
&gt; [Xcode 4 - &amp;ldquo;Archive&amp;rdquo; is greyed out?](https://stackoverflow.com/questions/5266350/xcode-4-archive-is-greyed-out)  

&lt;!-- End of automatically inserted text --&gt;

I want to submit my iOS App via Xcode 4. The problem is that I cant do the Build for Archiving. Its Inactive and Gray (the Menu Item Product-&gt;Build For-&gt;Build For Archiving) and i dont know why.

Anybody an Idea?

Xcode4 - Build for Archiving greyed out

I&#39;m trying to access the documents directory at iphone device to see a log file that I saved while executing the app.  

I know this can be done for simulator. 
(you can browse the document directory of your app with Finder)

Can this be done for device?  

Thank you


(iphone) access device&#39;s documents directory from mac?

Please tell me the complete procedure to build my app &amp; use it on a real iPhone.


How to create .ipa file using Xcode?

I want to vertically align the text in select box. I tried using 

    select{
       verticle-align:middle;
    }

however it does not work in any browsers. Chrome seems to align the text in select box to the center as a default. FF aligns it to the top and IE aligns it to the bottom. Is there any way to achieve this? I am using GWT&#39;s Select widget in UIBinder.

This is currently what I have:

    select{
    	height: 28px !important;
    	border: 1px solid #ABADB3;
    	margin: 0;
    	padding: 0;
        vertical-align: middle;
    }

Thanks!

I want to vertical-align text in select box

Is there a way to select an element in css based on element text?

ie:

    li[text=*foo]
    
    &lt;li&gt;foo&lt;/li&gt;
    &lt;li&gt;bar&lt;/li&gt;

That probably doesn&#39;t work.

Edit: Also only need to support Chrome.

CSS selector based on element text?

I&#39;ve been looking for ways of making my site load faster and one way that I&#39;d like to explore is making greater use of Cloudfront.

Because Cloudfront was originally not designed as a custom-origin CDN and because it didn&#39;t support gzipping, I have so far been using it to host all my images, which are referenced by their Cloudfront cname in my site code, and optimized with far-futures headers.

CSS and javascript files, on the other hand, are hosted on my own server, because until now I was under the impression that they couldn&#39;t be served gzipped from Cloudfront, and that the gain from gzipping (about 75 per cent) outweighs that from using a CDN (about 50 per cent): Amazon S3 (and thus Cloudfront) did not support serving gzipped content in a standard manner by using the HTTP Accept-Encoding header that is sent by browsers to indicate their support for gzip compression, and so they were not able to Gzip and serve components on the fly.

Thus I was under the impression, until now, that one had to choose between two alternatives:

1. move all assets to the Amazon CloudFront and forget about GZipping;

2. keep components self-hosted and configure our server to detect incoming requests and perform on-the-fly GZipping as appropriate, which is what I chose to do so far.

There _were_ workarounds to solve this issue, but essentially these **didn&#39;t work**. [[link](http://www.alfajango.com/blog/how-to-combine-gzip-plus-cdn-for-fastest-page-loads/)].

Now, it seems Amazon Cloudfront supports custom origin, and that **it is now possible to use the standard HTTP Accept-Encoding method for serving gzipped content if you are using a Custom Origin**  [[link](http://www.nomitor.com/blog/2010/11/10/gzip-support-for-amazon-web-services-cloudfront/)].

I haven&#39;t so far been able to implement the new feature on my server.  The blog post I linked to above, which is the only one I found detailing the change, seems to imply that you can only enable gzipping (bar workarounds, which I don&#39;t want to use), if you opt for custom origin, which I&#39;d rather not: I find it simpler to host the coresponding fileds on my Cloudfront server, and link to them from there. Despite carefully reading the documentation, I don&#39;t know:

*  whether the new feature means the files should be hosted on my own domain server _via_ custom origin, and if so, what code setup will achieve this;

* how to configure the css and javascript headers to make sure they are served gzipped from Cloudfront.


Serving gzipped CSS and JavaScript from Amazon CloudFront via S3

Is it possible to set same height as width (ratio 1:1)?

**Example**
    
    +----------+
    | body     |
    | 1:3      |
    |          |
    | +------+ |
    | | div  | |
    | | 1:1  | |
    | +------+ |
    |          |
    |          |
    |          |
    |          |
    |          |
    +----------+
    
**CSS**

    div {
      width: 80%;
      height: same-as-width
    }


Height equal to dynamic width (CSS fluid layout)

I&#39;ve researched quite a bit, both on SO, as well google-ing all over the place, but I can&#39;t seem to find a straight-forward answer in regards to code obfuscation for iPhone/iPad apps written in Objective-C.

My questions are these:

1. Is there a way to do it?  If so, how?
2. Is it worth it?
3. Does Apple allow it, or have a problem with it, when the app is submitted to them?




iPhone/iPad App Code Obfuscation - Is it Possible? Worth it?

How can I reset the current date retrieved from [NSDate date] but then change the time to 10:00 in the morning.

get current date from [NSDate date] but set the time to 10:00 am

I&#39;m looking for a better way to detect available/free disk space on the iPhone/iPad device programmatically.&lt;br&gt;
Currently I&#39;m using the NSFileManager to detect the disk space. Following is the snippet of the code which does the job for me:&lt;br&gt;

    -(unsigned)getFreeDiskspacePrivate {
    NSDictionary *atDict = [[NSFileManager defaultManager] attributesOfFileSystemForPath:@&quot;/&quot; error:NULL];
    unsigned freeSpace = [[atDict objectForKey:NSFileSystemFreeSize] unsignedIntValue];
    NSLog(@&quot;%s - Free Diskspace: %u bytes - %u MiB&quot;, __PRETTY_FUNCTION__, freeSpace, (freeSpace/1024)/1024);
    
    return freeSpace;
    }
&lt;br&gt;
Am I correct with the above snippet? or is there any better way to know total available/free disk space.&lt;br&gt;
I&#39;ve to detect total free disk space, since we&#39;ve to prevent our application to perform sync in the low disk space scenario.
&lt;br&gt;

How to detect total available/free disk space on the iPhone/iPad device?

After a NSArray was alloc and init, if there is nothing added to the NSArray, how to check it is null or empty ?

Thanks.

How to check NSArray is null or empty in iOS?

How do people debug websites on mobile devices?

I&#39;d like to be able to manipulate the HTML and CSS similar to using the Inspector in a desktop browser, and debug JavaScript.

How to debug web sites on mobile devices?

In iPad Safari browser, when I change focus from a textbox to a dropdown, the keyboard still remains... Is there some way (maybe with Javascript) I can hide the keyboard when user blurs from the textbox?

Indirectly speaking, I am looking for a equivalent of (but in Mobile Safari)

    [tempTextField resignFirstResponder]; 


iPad Safari - Make keyboard disappear

I am *NOT* talking about zooming the page, but rather the way MobileSafari on iOS automatically bumps up some font sizes sometimes.

When, exactly, is this done? Can it be prevented or discouraged?

How to avoid iOS automatic font size adjustment?

In Mobile Safari I am unable to focus onto a text field after setting a delay period. I&#39;m attaching some example code showcasing the issue.
If, onclick of the button, you trigger .focus(), everything works as expected. If you hang the focus on a callback, like the setTimeout function, then it fails ONLY in mobile safari. In all other browsers, there is a delay, then the focus occurs.

Confusingly, the &quot;focusin&quot; event is triggered, even in mobile safari. This (and ~similar~ comments in SO) make me think that it&#39;s a mobile safari bug. Any guidance will be accepted.

I&#39;ve tested in the emulator, and on iPhone 3GS/4 iOS4.

Example HTML:

    &lt;!DOCTYPE html&gt; 
      &lt;html lang=&#39;en&#39;&gt; 
        &lt;head&gt; 
          &lt;title&gt;Autofocus tests&lt;/title&gt; 
          &lt;meta content=&#39;width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0&#39; name=&#39;viewport&#39;&gt; 
          &lt;meta content=&#39;yes&#39; name=&#39;apple-mobile-web-app-capable&#39;&gt; 
        &lt;/head&gt; 
        &lt;body&gt;
          &lt;h1&gt; 
            Show keyboard without user focus and select text:
          &lt;/h1&gt; 
          &lt;p&gt; 
            &lt;button id=&#39;focus-test-button&#39;&gt; 
              Should focus on input when you click me after .5 second
            &lt;/button&gt; 
            &lt;input id=&#39;focus-test-input&#39; type=&#39;number&#39; value=&#39;20&#39;&gt; 
          &lt;/p&gt; 
          &lt;script type=&quot;text/javascript&quot;&gt; 
            //&lt;![CDATA[
            var button = document.getElementById(&#39;focus-test-button&#39;);
            var input  = document.getElementById(&#39;focus-test-input&#39;);
            
            input.addEventListener(&#39;focusin&#39;, function(event) {
              console.log(&#39;focus&#39;);
              console.log(event);
            });
            
            button.addEventListener(&#39;click&#39;, function() {
              // *** If triggered immediately - functionality occurs as expected
              // input.focus();
              // *** If called by callback - triggers the focusin event, but does not bring up keyboard or cursor
              var t = setTimeout(&quot;input.focus();&quot;,500);
            });
            //]]&gt;
          &lt;/script&gt;
        &lt;/body&gt;
      &lt;/html&gt;

~Similar~ SO questions:

 - [programmatically-selecting-text-in-an-input-field-on-ios-devices-mobile-safari][1]
 - [how-can-you-autofocus-on-a-form-field-in-iphone-safari][2]
 - [Comment in set-textbox-focus-in-mobile-safari][3]


  [1]: https://stackoverflow.com/questions/3272089/programmatically-selecting-text-in-an-input-field-on-ios-devices-mobile-safari
  [2]: https://stackoverflow.com/questions/5771785/how-can-you-autofocus-on-a-form-field-in-iphone-safari
  [3]: https://stackoverflow.com/questions/2398528/set-textbox-focus-in-mobile-safari/2944649#2944649

Mobile Safari Autofocus text field

I created a web app and added to my iPhone Home Screen.  When I switch to another app and back, iPhone automatically reload my web app.  This breaks my app flow.  

How do I prevent iPhone from reloading the app?

I have apple-mobile-web-app-capable meta tag enabled to hide Safari toolbar and I don&#39;t want to turn it off.

Stop reloading of web app launched from iPhone Home Screen

How to flip any background image using CSS? Is it possible?

currenty I&#39;m using this arrow image in a `background-image` of `li` in css

 ![enter image description here][1]


  [1]: http://i.stack.imgur.com/ah0iN.png

On :`visited` I need to flip this arrow horizontally. I can do this to make another image of arrow **BUT** I&#39;m just curious to  know is it possible to flip the image in CSS for `:visited`

How to flip background image using CSS?

I have an app where I load content to a `UIWebView` and present this. I cannot disable user interaction completely because I want the user to be able to click links. I just need to disable user selection. I found somewhere in the Internets that you can use:

    document.body.style.webkitUserSelect=&#39;none&#39;;

I tried inserting this as 
    
    [self.contentView stringByEvaluatingJavaScriptFromString:@&quot;document.body.style.webkitUserSelect=&#39;none&#39;;&quot;]; 

in `webViewDidFinishLoad:`

However, it does not work. I am still able to select and copy text inside the WebView. 

Any Ideas what might be going wrong?

Update: This only seems to happen starting with iOS 4.3




Disabling user selection in UIWebView

I realize one can specify a custom graphic to be a replacement bullet character, using CSS attribute:

    list-style-image

And then giving it a URL.

However, in my case, I just want to use the &#39;+&#39; symbol. I don&#39;t want to have to create a graphic for that and then point to it. I&#39;d rather just instruct the unordered list to use a plus symbol as the bullet symbol.

Can this be done or am I forced to make it a graphic first?

Custom bullet symbol for &lt;li&gt; elements in &lt;ul&gt; that is a regular character, and not an image

The Design
==========

The contact form on a responsive design has input fields with both an inset shadow and regular outside shadow. See image below.

![Input Field Design on Mobile][1]


----------


The Code
========

    input {
        background:#fff;
        height:auto;
        padding:8px 8px 7px;
        width:100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        border:#fff solid 3px;
        border-radius:4px;
        box-shadow:0px 0px 5px rgba(0, 0, 0, .25), inset 2px 2px 3px rgba(0, 0, 0, .2);
    }


----------


The Issue
=========
iOS v4+ does not display the box-shadow properly. See image below.

![Input box-shadow rendered incorrectly][2]


----------


Tested
======
I have attempted using -webkit-box-shadow.

    -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .25),
                       inset 2px 2px 3px rgba(0, 0, 0, .2);

I have applied `display:block;` to the input element.


----------


Current Workaround 
==================

I would prefer not having to do this, but this is the only way I can get my desired effect.

**HTML**

    &lt;p&gt;&lt;input /&gt;&lt;/p&gt;

**CSS**

    p {
       width:50%;
       box-sizing:border-box;
       -moz-box-sizing:border-box;
       -webkit-box-sizing:border-box;
       box-shadow:0px 0px 5px rgba(0, 0, 0, .35);
       border-radius:4px;
    }

        input {
            background:#fff;
            height:auto;
            padding:8px 8px 7px;
            width:100%;
            box-sizing:border-box;
            -moz-box-sizing:border-box;
            -webkit-box-sizing:border-box;
            border:#fff solid 3px;
            border-radius:4px;
            box-shadow:inset 2px 2px 3px rgba(0, 0, 0, .2);
        }

Even with this workaround, the inset shadow on iOS is not rendered properly; but it&#39;s close enough.


----------


My Question
===========

Is it possible to have multiple instances of box-shadow on a single element render properly on iOS devices? If not, what about the inset shadow? Or am I using this property and its values incorrectly?


**Thanks in advance!**

  [1]: http://i.stack.imgur.com/agYKJ.jpg
  [2]: http://i.stack.imgur.com/Gj6pN.jpg

iPhone iOS will not display box-shadow properly

I spent the last two days trying to figure out how to debug an HTML5 app I created using Cordova 3.2 and deployed to an Android 2.3 device. All the articles/posts I&#39;ve seen provide hacks rather than real solutions :( and most of the time, none of them works for my case; debug the css styles and the Angularjs code inside my app..

So far I tested;

**debug.phonegap.com**

I injected the script to the `index.html` file then visited the generated URL in debug.phonegap.com but nothing happens; only a blank page.

**Weinre**

Most of the articles I found point to obsolete Github repository that countain a Jar file.. but it&#39;s not found :(

**Edge inspect**

It works and shows the webpage I&#39;m browsing on the PC inside the mobile.. But the problem is that it uses some other integrated browser (or emulator) than the one that runs phonegap apps; so the results are not accurate.

**Chrome emulator**

Same as Edge inspect; it doesn&#39;t allow to view real web-kit v530 that is shipped with Android 2.3.

**The dream solution**

The perfect solution would be an extension to Google Chrome (desktop) that enables you to switch the desktop browser to the same one found in Android 2.3 platforms; no emulation no hacks, just the browser itself with web-kit v 530.

Unfortunately such solution doesn&#39;t exist :( or I&#39;m wrong?

Any suggestions?

Content Type	Original Author	Original Content on Stackoverflow
Question	Francesco	View Question on Stackoverflow
Solution 1 - Iphone	Francesco	View Answer on Stackoverflow
Solution 2 - Iphone	subindas pm	View Answer on Stackoverflow
Solution 3 - Iphone	Priyank Thakkar	View Answer on Stackoverflow

CSS submit button weird rendering on iPad/iPhone

Iphone Problem Overview

Iphone Solutions

Solution 1 - Iphone

Solution 2 - Iphone

Solution 3 - Iphone

Delete keychain items when an app is uninstalled

python re.sub group: number after \number

Attributions