Question

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.

Answer 1

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.