Checkbox CSS on Windows Phone not showing -


I am creating a responsive website and using a checkbox to show / hide the menu on mobile devices. CSS style (background image, color etc.) is running Windows Phone 8, except IE browsers I have tried working fine on all mobile browsers.

This is CSS: 

  input # show-menu [type = checkbox] {width: 48px! Important; Height: 48px! Important; Background: Transparent URLs (images / mobile_menu) No-duplex center center; Background-size: 15px 16px; -WebKit-Presence: None; float right; Boundary-radius: 0; Display area; } Input # Show-Menu [Type = Checkbox]: Checked {Background: # 153e69 Url (Images / Mobile_Menu_close) Any repeat center center; Background-size: 15px 16px; }

CSS works fine in mobile emulators, even on Windows 8 emulators, but on the actual device (in this case a Nokia Lumia 520) it does not provide CSS.

Tried to attach screen shots but apparently I need 10 reputation points to do this ?? !!

Thank you.

OK, so I've done this myself, who was posted here for someone else That comes to the same issue. Actually you can only & lt; Label & gt; and can not style, and this should not be a class. You must have an ID & lt; Input & gt; to display: any

no need to set html and CSS which works for me: 

 < Code> & lt; Input type = "checkbox" id = "show-menu" role = "button" & gt; & Lt; Label = "show-menu" class = "show-menu" & gt; Show Menu & lt; / Label & gt; .show-menu {width: 48px! Important; Height: 48px! Important; Background: Transparent URLs (images / mobile_menu) No-duplex center center; Background-size: 15px 16px; -WebKit-Presence: None; -M-presence: none; -Mouse-presence: none; float right; Boundary-radius: 0; Text indent: -999px; Hidden flurry; Display area; } Input # ShowMenu [Type = Checkbox]: Checked ~ .show-menu {background: # 153e69 url (images / mobile_menu_close.png) No-duplex center center; Background-size: 15px 16px; }

Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more