Geek Answers Handbook

Jquery mobile custom css?

Hi, I just finished developing a mobile web application and now I want to start the development process. I read that it is very difficult to use custom css with JQuery Mobile, and therefore the project that I just completed cannot be used with such a structure.

Is there a solution, or perhaps another structure that supports JQM functions, but at the same time allows the developer to freely use their own design.

+5
source share
5 answers

I don't know, you read that its hard to use custom css with jQuery mobile. Its design is easily customizable. Check out http://jquerymobile.com/themeroller/

, : http://jquerymobile.com/demos/1.0.1/docs/content/index.html - ,

, , - yui http://yuilibrary.com/ (, css grid )

!

+2

JQM, , SO. CSS JQM , CSS. , , CSS JQM , JQM . , JQM , # img_button_1 - , , CSS ...

HTML...

<a id="img_button_1" data-role="button" data-theme="none" data-corners="false" data-shadow="false" data-inline="true"
   href="http://www.google.com" target="_blank">
    <img src="http://www.google.com/images/srpr/logo1w.png" alt="Google" />
</a>

CSS...

#img_button_1 .ui-btn-inner { border: 0 }

, .

JQuery Mobile - -

JQM CSS. JQM , , , CSS CSS. , !

+2

JQM, jQTouch - . , , JQM.

, jQTouch, CSS ( , Sencha Touch JQM)., .

+1

JQM :

http://forum.jquery.com/topic/use-custom-css-with-jquerymobile

- "style" div/input/text, . jQuery css.

, , , , jquery css. JQM, , , .

+1

, jQuery . , = "" ; . , , .

:

<div data-role="header" role="banner" style="background:none; border:none;"> 
    <div class="ui-logo" ></div> 
</div>

A great alternative I found is to put a custom CSS class after all the other jQuery ui classes and specify each of the main relevant class properties as "! Important". This is the solution I am using now.

0
source

More articles:


All Articles