How to change textColor of Cancel button of UISearchBar in iOS7?

Question

I need to change the color of Cancel button text of UISearchBar in iOS7.

Normally UISearchBar Cancel button textColor is blue and I want to change textColor to redColor.

enter image description here

How can i change it?

`Swift 4.2, 4.0+`, I have added an answer for multiple customizations including cancelButton for searchBar here https://stackoverflow.com/questions/51345642 — Kamran, Jul 16 '18 at 07:06

score 56 · Accepted Answer · edited Sep 05 '17 at 17:11

I found answers for my own questions.

Here is code , add in AppDelegate if you want to change all cancel button.

[[UIBarButtonItem appearanceWhenContainedIn:[UISearchBar class], nil] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:
                                                                                                  [UIColor redColor],
                                                                                                  UITextAttributeTextColor,
                                                                                                  [UIColor whiteColor],
                                                                                                  UITextAttributeTextShadowColor,
                                                                                                  [NSValue valueWithUIOffset:UIOffsetMake(0, 1)],
                                                                                                  UITextAttributeTextShadowOffset,
                                                                                                  nil]
                                                                                        forState:UIControlStateNormal];

Swift:

let attributes = [NSForegroundColorAttributeName : UIColor.red]
    UIBarButtonItem.appearance(whenContainedInInstancesOf: [UISearchBar.self]).setTitleTextAttributes(attributes, for: .normal)

UITextAttributeTextColor etc. are deprecated in iOS7. Use NSForegroundColorAttributeName etc. instead. — marcinx, Nov 28 '13 at 10:20
I don't know if this worked before but as of 7.0.3 it DOES NOT work. — jpswain, Feb 11 '14 at 00:59
`[[UIBarButtonItem appearanceWhenContainedInInstancesOfClasses:@[[UISearchBar class]]] setTintColor:[UIColor blackColor]];` — Cuong Nguyen, Nov 17 '15 at 08:32
UIBarButtonItem.appearance(whenContainedInInstancesOf: [UISearchBar.self]).setTitleTextAttributes([NSForegroundColorAttributeName : UIColor.white], for: UIControlState.normal) Really helpful answer...!! — Sagar Daundkar, Dec 05 '17 at 09:48

score 16 · Answer 2 · answered Jan 08 '14 at 12:57

16

If you only want to set the text color of the button, you only need one line:

[[UIBarButtonItem appearanceWhenContainedIn: [UISearchBar class], nil] setTintColor:[UIColor redColor]];

answered Jan 08 '14 at 12:57

s1m0n

7,825
1
32
45

score 12 · Answer 3 · answered Jul 20 '14 at 07:58

12

You can do it like this

[yourSearchBarName setTintColor:[UIColor whateverColorYouWant]];

answered Jul 20 '14 at 07:58

HipHopCoder

129
1
2

3

The problem with this, is that it also sets the cursor color. – Jiert Aug 09 '16 at 16:23

score 12 · Answer 4 · answered Mar 07 '16 at 23:11

12

A much simpler way -->

self.searchbar.tintColor = [UIColor darkGrayColor];

answered Mar 07 '16 at 23:11

Kakshil Shah

3,466
1
17
31

score 12 · Answer 5 · edited Apr 30 '19 at 07:29

Updated for Swift 5:

let searchBarCancelButtonForegroundColor = UIColor.red
let attributes = [NSAttributedString.Key.foregroundColor: searchBarCancelButtonForegroundColor]

// Regular mode
UIBarButtonItem.appearance(whenContainedInInstancesOf: [UISearchBar.self]).setTitleTextAttributes(attributes, for: .normal)

// After click
UIBarButtonItem.appearance(whenContainedInInstancesOf: [UISearchBar.self]).tintColor = searchBarCancelButtonForegroundColor

Worked for SWIFT 4

Use the appearance function of UIAppearance module -

Method 1:- Show cancel button on load with searchBar -

let attributes = [NSAttributedStringKey.foregroundColor : UIColor.red]
    UIBarButtonItem.appearance(whenContainedInInstancesOf: [UISearchBar.self]).setTitleTextAttributes(attributes, for: .normal)

or -

Method 2:- Show cancel button color after searchBar clicked -

  UIBarButtonItem.appearance(whenContainedInInstancesOf:[UISearchBar.self]).tintColor = UIColor.red

score 9 · Answer 6 · edited Mar 04 '14 at 23:50

9

You can change the subviews of the UISearchBar like this in - (void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar

UIView *view = [_searchBar.subviews objectAtIndex:0];
for (UIView *subView in view.subviews) {
    if ([subView isKindOfClass:[UIButton class]]) {
        UIButton *cancelButton = (UIButton *)subView;
        [cancelButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
        [cancelButton setTitleColor:[UIColor whiteColor] forState:UIControlStateHighlighted];
    }
}

edited Mar 04 '14 at 23:50

James Zaghini

3,895
4
45
61

answered Oct 11 '13 at 03:42

morisunshine

780
4
7

Digging through subviews is fragile way of doing this. Use the appropriate UIAppearance "when contained in" methods. – Michael Peterson Aug 19 '16 at 15:14

score 6 · Answer 7 · answered Jul 10 '14 at 11:45

6

You can format your searchbar cancel button as follows

[[UIBarButtonItem appearanceWhenContainedIn: [UISearchBar class], nil] setTintColor:[UIColor whiteColor]];
    [[UIBarButtonItem appearanceWhenContainedIn: [UISearchBar class], nil] setTitle:@"Your Text Here"];

Hopes it works for you.

answered Jul 10 '14 at 11:45

Bhoopi

6,523
3
22
16

This is deprecated in iOS 9. "Use +appearanceWhenContainedInInstancesOfClasses: instead" from framework. – Jayprakash Dubey May 18 '16 at 07:07

score 4 · Answer 8 · answered Aug 09 '17 at 22:17

Swift 3:

Use this code to set Red color (text, courser, button)

searchController.searchBar.tintColor = .red

if you want to change cancel button color to white add this code too

UIBarButtonItem.appearance(whenContainedInInstancesOf: [UISearchBar.self]).setTitleTextAttributes([NSForegroundColorAttributeName : UIColor.white], for: .normal)

score 2 · Answer 9 · edited May 19 '17 at 22:52

2

[[UISearchBar appearance] setTintColor:[UIColor redColor]];

edited May 19 '17 at 22:52

pableiros

14,932
12
99
105

answered Jun 18 '15 at 11:47

jkyin

168
1
12

score 2 · Answer 10 · answered Jan 02 '19 at 18:26

2

For swift 4.2

let attributes = [NSAttributedString.Key.foregroundColor: UIColor.white]
UIBarButtonItem.appearance(whenContainedInInstancesOf: [UISearchBar.self]).setTitleTextAttributes(attributes, for: UIControl.State.normal)

answered Jan 02 '19 at 18:26

Halil İbrahim YILMAZ

720
1
7
20

score 1 · Answer 11 · answered Jan 05 '17 at 09:37

My approach to set the cursor and the button color independently is this: I set the cursor color to blue in the App Delegate (-application:didFinishLaunchingWithOptions:):

[[UITextField appearanceWhenContainedInInstancesOfClasses:@[[UISearchBar class]]] setTintColor:[UIColor blueColor]];

And then use the search bar's tint color in each controller to set the buttons color. You can set the tint color even on the Storyboard.

score 1 · Answer 12 · answered May 19 '17 at 22:54

1

For Swift 3:

self.searchController.searchBar.tintColor = UIColor.white

answered May 19 '17 at 22:54

pableiros

14,932
12
99
105

score 1 · Answer 13 · answered Mar 13 '18 at 05:20

Tested on Swift 4

    let barButtonItem = UIBarButtonItem.appearance(whenContainedInInstancesOf: [UISearchBar.self])
    barButtonItem.title = NSLocalizedString("Cancel", comment: "")
    barButtonItem.setTitleTextAttributes([.font            : UIFont.systemFont(ofSize: 15.0, weight: .medium),
                                          .foregroundColor : #colorLiteral(red: 0.1960784314, green: 0.1960784314, blue: 0.1960784314, alpha: 1)], for: .normal)

score 0 · Answer 14 · edited May 23 '17 at 12:10

0

For people using Swift, I had to first add Eddie K's extension

Then I was able to call it like so (basically what Sabo did in the accepted answer):

UIBarButtonItem.appearanceWhenContainedWithin(UISearchBar.self).setTitleTextAttributes()

edited May 23 '17 at 12:10

Community

1
1

answered Sep 14 '16 at 01:44

ghostatron

2,620
23
27

score 0 · Answer 15 · answered Sep 28 '16 at 09:55

UITextAttribute is depricated from IOS 7 use below for IOS 7 or later

[[UIBarButtonItem appearanceWhenContainedIn:[UISearchBar class], nil] setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor whiteColor], NSFontAttributeName : [UIFont fontWithName:@"Helvetica" size:17]} forState:UIControlStateNormal];

score 0 · Answer 16 · answered Nov 25 '16 at 12:34

0

An alternative to the UISearchBar would be the SHSearchBar. This swift framework is easily customizable without hacking, open source, has a lot of unit tests and is available via Cocoapods. It needs at least iOS 8.

answered Nov 25 '16 at 12:34

blackjacx

9,011
7
45
56

score 0 · Answer 17 · answered Feb 22 '18 at 11:13

0

Swift 4

let uiButton = bar.value(forKey: "cancelButton") as? UIButton
uiButton?.setTitle("Cancel", for: .normal)
uiButton?.setTitleColor(UIColor.white,for: .normal)

answered Feb 22 '18 at 11:13

Yifan

1,185
12
18

How to change textColor of Cancel button of UISearchBar in iOS7?

17 Answers17

Linked