मैंने मोबाइल/टैबलेट के लिए एक वेब पेज डिज़ाइन किया है। जब मैं इसे मोबाइल/टैबलेट ब्राउज़र में खोलता हूं तो चेकबॉक्स छोटे और मुश्किल लगते हैं कि यह चेक किया गया है या नहीं। मैंने सीएसएस के साथ कोशिश की है। लेकिन कोई उपयोग नहीं है।मोबाइल या टैबलेट ब्राउज़र आधारित वेब पृष्ठों में चेकबॉक्स आकार को कैसे बढ़ाया जाए?
हम मोबाइल/टैबलेट ब्राउज़र वेब पृष्ठों के लिए चेकबॉक्स का आकार कैसे बढ़ा सकते हैं? इसके लिए कोई समाधान है?
या आप इसे uniform या jQuery Mobile का उपयोग करके आजमा सकते हैं।
input[type=checkbox]:checked {
background: url("data:image/png,%89PNG[...]") no-repeat center center;
-webkit-background-size: 28px 28px; /* shrink high resolution background */
}
जांच के लिए इस लिंक http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit
पहले से ही कोशिश की गई है । काम नहीं करता –
अपने कुछ नमूना कोड दिखाएं – Kumar
कोशिश:
<input type="checkbox" style="min-height:80px;min-width:80px;">
"min-" बयान अपने दोस्त ;-)
धन्यवाद दोस्त। यह – maverickosama92
पवित्र बकवास काम किया, हाँ! – deflime
यह क्रॉस ब्राउज़र समर्थित नहीं है। – Revolution88
input[type=checkbox] {
/* All browsers except webkit*/
transform: scale(2);
/* Webkit browsers*/
-webkit-transform: scale(2);
}
प्रश्न कई बार पूछा है। एक नज़र डालें: http://stackoverflow.com/questions/7213728/how-can-i-make-a-checkbox-bigger http://stackoverflow.com/questions/306924/checkbox-size – megatxi
@ स्पार्कलिंग एक ही स्क्रीन पर क्रॉस-ब्राउज़र विसंगतियों (यानी पीसी पर आईई बनाम क्रोम) और विभिन्न संकल्पों (यानि पीसी स्क्रीन बनाम आईफोन रेटिना डिस्प्ले) के बीच विसंगतियों के बीच अंतर है। आपकी पोस्ट पूर्व को संबोधित करती है .. पेवेन का बाद वाला – abbood
पुराना पृष्ठ पता है, लेकिन: मैं "लेबल के लिए = चेकबॉक्स-आईडी" के उपयोग की अनुशंसा करता हूं, जो उपयोगिता को बढ़ाएगा (जब आप लेबल टेक्स्ट पर क्लिक/टैप करते हैं तो चेकबॉक्स भी चेक/अनचेक किया जाता है) – Gunnar