3
I have an application running normally with wamp on the computer, which uses html jquery css and php.
But when opening by default IOS browser (safari) using ipad or iphone over local network, the system does not present the page checkbox.
In these cases there is some kind of simple solution so that checkboxes can be shown?
input[type=radio].css-checkbox {
position: absolute;
z-index: -1000;
left: -1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
input[type=radio].css-checkbox + label.css-label {
padding-left: 20px;
height: 15px;
display: inline-block;
line-height: 15px;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 15px;
vertical-align: middle;
cursor: pointer;
}
input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0 -15px;
}
label.css-label {
background-image: url(css/csscheckbox_e1eb6a6ff7155c99339c9d96211545f6.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}<input type="radio" name="mudarItens" id="moveObjetos" class="css-checkbox">
We will have to debug your code, the cause of the problem can be varied. Enter a <p> tag for example between checkboxes with any text and see if it appears in your Ipad. If it appears we eliminate that the cause may be the local server. Give me a feedback from the test.
– Rafael Kendrik
If possible attach the HTML of the respective CSS classes you attached to the question.
– Rafael Kendrik
Hello rafael all right?! Thanks for the reply.It did not appear using the tag: <pre><code> <p><input type="radio" name="mudarItens" id="moveObjetos" class="css-checkbox" /></p> </pre></code>
– user31050
Wow! but why all these levels of tags? Replace this snippet with this <input type="radio" name="test"> and tell me if it works.
– Rafael Kendrik
These tags were to show the code here on the page separately, but for some reason it didn’t work. Back to topic raphael, the <input type="radio" name="test"> appeared! but applying the "css-checkbox" class again disappears. This checkbox is stylized with an image, runs normal by the computer but by ipad/iphone disappears.
– user31050
Well, we already know it’s not the tags problem... Are you using Mediaquery? If you are not advised to debug your CSS to find the error, as follows, you give a CTRL + X on that part of the code and add line by line, where to stop working you know the problem. Send me the line that gave trouble.
– Rafael Kendrik
You could create a fiddle, so we could see this code working. (Tip: use
"backticks"( ` ) for code marking.)– danguilherme