jQuery Forum

Thanks for the advice. I have a theme with round corner. In my own css I don't have a class for spinner. Please advice how is the css I have to add to my own css to set corner of spinner back to its default/standard? I am unfamiliar with css. I greatly appreciate your help.

Ok, until I learn it as a quick answer can you help with that css? :)

Or just tell me which css class should I look into to copy/paste it to my own css just setting 0px for corner?

If you meant by overriding below in my own css:

1. .ui-corner-tl {
    border-top-left-radius: 8px;
   }
   .ui-corner-tr {
    border-top-right-radius: 8px;
   }
   .ui-corner-bl {
    border-bottom-left-radius: 8px;
   }
   .ui-corner-br {
    border-bottom-right-radius: 8px;
   }
   

I don't want to override corner globally, I just want corner of spinner set to 0px. How is possible?

by 'more specific selector' do you mean:

<input id="blah" name="value">
var spinner = $( "#blah" ).spinner();

then define .blah class as my desired?

See this:

https://jsfiddle.net/nimasdj/scc4xnbh/

why any changes on css px doesn't affect on corner of spinner to remove all corners?

Thanks for trying to help, I did exactly the same as you said, and there is no-corner any more, but please see how right side icons, look like:

https://ufile.io/c6313

http://expirebox.com/download/b2b8147e766f829b583606330d5e972d.html

(both links has the same file)

How to fix the corner of icons?

I thought I have to add a class for

.br .ui-icon {

and set radius to 0,  but it seems I am wrong, please advice which class I should use to remove corners of left side top-down icons? even .br .ui-corner-all { did not help.

Only ui-widget did solve my problem. However it works now, but please confirm if I am in correct path to use ui-widget instead?

Ok, let's forget about this discussion, if You just advice for that table row confirm deletion dialog, I will be just fine. Thanks for your patience to bear with me. greatly appreciated.