Search code examples
csscross-platformmosync

Unable to apply css in moSync


I want to learn cross platform application development.i am using moSync tools for it.it uses html,javascript,css. for native application they provide their own api which is written in javascript.i have run simple demo application.but i want to apply css to code but that is not reflected .i dont understand why it is not applying my css code.i included my css into html as given below

<link rel="stylesheet" href="style.css" media="Screen" type="text/css">

here is my css code where in i want to apply margin to div

    .edittext
    {
        margin:50px 0px 0px 20px;
    }

    here is my html code

   <div class="edittext" 
    id="ed1"
    widgetType="EditBox" 
    data-placeholder="Title">                           
   </div>

Solution

  • Make sure your css File is included in your project.

    <div class="edittext" id="ed1" widgetType="EditBox" data-placeholder="Title">Add some text                  </div>