Q:

How to make Square Text box in jQuery mobile?

I'm creating a mobile app using jQuery mobile. I need to create an editable text table. So I have decided to create a table and inserting text box into it.
It's working But the textbox is in a different shape which is default for Jquery mobile.

A:

Solution
Specific text input:
#text {
    border-radius: 0 !important;
}

Example: http://jsfiddle.net/Gajotres/LqDke/
Everything:
.ui-corner-all {
    border-radius: 0 !important;
}

EDIT : 
Or you can do it like this:
$('a').buttonMarkup({ corners: false });

Final notes
If you want to find more about how to customize jQuery Mobile page and widgets then take a look at this article. It comes with a lot of working examples, including why is !important necessary for jQuery Mobile. 

