How to remove UIButton selected background color?

Question

I am looking for a solution to this problem that does NOT require using images/PNGs. I am looking for a way to remove the UIButton's blue background color when it's in selected state, and I just cannot find a way to do that without using images. I am basically trying to do something like that in case of a UITableViewCell:

   cell.selectionStyle = UITableViewCellSelectionStyleNone;

Wow, just tried all of these answers on a custom button and could get none of them to work. — Tim MB, Aug 17 '19 at 10:46

score 132 · Answer 1 · answered Dec 27 '13 at 15:19

132

I had this same issue and I resolve it by changing the UIButton type from "System" to "Custom". The blue background color does not show up in selected state when it is a "Custom" type.

answered Dec 27 '13 at 15:19

Rufus

2,058
2
16
10

11

Simple, but it removes the nice fade on touch. :( – Kyle Clegg Jul 09 '14 at 07:10
2

@KyleClegg just change the Highlighted color and it should fade to that color on touch. – xissburg May 27 '15 at 15:17

score 21 · Accepted Answer · answered Jan 09 '12 at 15:20

21

Unfortunately I'm away from my test machine at the moment, but there are two things you could try.

First would be to set the following property:

button.adjustsImageWhenHighlighted = NO;

Or uncheck "Highlight adjusts image" in Interface Builder.

If that doesn't work like you expect it to, you can deselect the button in the action you tied it to, like so:

- (IBAction)yourButtonAction:(id)sender {
    [sender setHighlighted:NO];
}

answered Jan 09 '12 at 15:20

sudo rm -rf

29,408
19
102
161

does it but not in a clean way - when I click, you still see the blue color for a brief moment. I am hoping to find a solution that will eliminate that completely. – TommyG Jan 09 '12 at 15:28
Then why don't you just create your own `UIControl`? It's not that hard. Then you can customize it to your heart's content. – sudo rm -rf Jan 09 '12 at 15:39
Still Works great, ios:9.3, just `button.adjustsImageWhenHighlighted = NO` is enough. – Amr Lotfy Nov 23 '16 at 06:35
3

I set `tintColor` property of `UIButton` to `clear` it removed the background blue color when selected – Mohammad Azam Aug 26 '20 at 11:20

score 10 · Answer 3 · answered Jan 22 '13 at 22:31

10

Change the alpha of the tintColor to zero, works if iOS is 5.0 or later

UIColor *color = [[UIColor alloc] initWithRed:0.0 green:0.0 blue:0.0 alpha:0.0];  
button.tintColor = color;

answered Jan 22 '13 at 22:31

Ali Seymen

771
6
9

3

This makes the button text flicker – Nektarios Feb 02 '13 at 05:14
Increases CPU use for blending – Zorayr Mar 24 '16 at 00:40
1

You can just set `button.tintColor = .clear` in Swift 5 – Mohammad Azam Aug 26 '20 at 11:21
1

If `tintColor` is clear, then once button's `state` will be set to `selected`, no text will be visible. – Nat Mar 23 '21 at 15:06

Akash Bhardwaj · Answer 4 · 2019-04-13T11:49:14.427

9

Very simple, in storyBoard, select your UIButton and open attribute inspector. Now scroll down to View section and change Tint property to Clear Color or any specific color if u want.

edited Apr 13 '19 at 11:49

answered Nov 19 '17 at 21:03

Akash Bhardwaj

308
2
11

I know your answer is correct, but unfortunately after updating the Xcode, this is not working for new version of Xcode 13. Can you explain what does happened with the new Xcode? I want to remove the background color and tint color both, because I have a button on top of big uiview.! – Muhammad Danish Qureshi Oct 21 '21 at 07:08

score 5 · Answer 5 · answered Jul 21 '17 at 04:33

UIButton also with custom type, we can set it in xcode as-

OR By programmatically as-

 let customButton = UIButton(type: .custom) 
  customButton.setTitle("this is Button", for: .normal)
  customButton.setTitleColor(UIColor.blue, for: .normal)
  customButton.frame = CGRect(x: 15, y: 50, width: 300, height: 500)
            self.view.addSubview( customButton)

Now there is no more UIButton's blue background color

Leon · Answer 6 · 2022-01-20T15:09:21.130

3

Not a direct answer to OP's question but to remove this colour in a UIButton subclass you can do this:

override func layoutSubviews() {
    super.layoutSubviews()
    tintColor = .clear
}

edited Jan 20 '22 at 15:09

answered Jul 12 '19 at 09:45

Leon

3,614
1
33
46

score 3 · Answer 7 · answered Sep 25 '20 at 15:11

3

Changed UIButton type to Custom in IB worked for me.

answered Sep 25 '20 at 15:11

JobLess

67
3

score 1 · Answer 8 · answered May 07 '17 at 15:53

What did it for me was changing the button.tintColor in the highlighted state. This is swift 3, iOS 10

override public var isHighlighted: Bool {
    didSet {
        self.tintColor = UIColor(red: 255/255, green: 255/255, blue: 255/255, alpha: 1.0)
    }
}

Or you can do the same in the interface builder

Choose button state

Choose button tint color

score 0 · Answer 9 · answered Oct 24 '16 at 06:01

0

Swift Version

extension UIButton {
    override public var highlighted: Bool {
        didSet {
            // clear background color when selected
            self.layer.backgroundColor = .None
        }
    }
}

answered Oct 24 '16 at 06:01

jk2K

4,279
3
37
40

score 0 · Answer 10 · answered Feb 18 '23 at 06:05

From iOS 15 onward, UIButton has property configuration. You can set clear color to property baseBackfroundColor to remove background color of UIButton in selected mode.

var config = UIButton.Configuration.plain()
config.baseBackgroundColor = .clear
button.configuration = config

score -2 · Answer 11 · answered Jan 09 '12 at 15:19

-2

Use...

    [myButton setAdjustsImageWhenHighlighted:FALSE];

answered Jan 09 '12 at 15:19

Simon Lee

22,304
4
41
45

score -2 · Answer 12 · answered Jan 09 '12 at 15:30

-2

Not sure if this is the best way. But you could have an invisible button or view ontop of the actual button then recognize when the top button/view has been clicked.

answered Jan 09 '12 at 15:30

JDx

2,615
3
22
33

How to remove UIButton selected background color?

12 Answers12