UISearchBar change placeholder color

Question

Has anyone any idea or code sample on how can I change the text color of the placeholder text of a UISearchBar?

I think this post will help you http://stackoverflow.com/questions/1340224/iphone-uitextfield-change-placeholder-text-color — frankWhite, Aug 06 '12 at 14:52
I have already looked at it. This post concerns a UITextfield. Subclassing a UITextfield and overriding the -drawPlaceholderInRect method would certainly help. However, UISearchBar is not a subclass of UITextfield, and as such, I can't override this method. — csotiriou, Aug 06 '12 at 20:25
sorry, I don't know this. UISearchBar is subclass of UIView, and I think you can subclass from it and try override drawRect method, adding in it code from previous post. Maybe this help — frankWhite, Aug 07 '12 at 06:27
For Swift 3. I found a solution here: [**Customize textfield easily**](http://stackoverflow.com/a/40105165/4593553) — Jerome, Oct 18 '16 at 10:04

score 82 · Accepted Answer · answered Jul 02 '13 at 10:02

82

for iOS5+ use the appearance proxy

[[UILabel appearanceWhenContainedIn:[UISearchBar class], nil] setTextColor:[UIColor redColor]];

answered Jul 02 '13 at 10:02

Zayin Krige

3,229
1
35
34

Since my post I had found the answer, and indeed this is the best way to do it. Clean, simple and it doesn't break anything. – csotiriou Jul 02 '13 at 16:46
10

This is not really valid. UILabel doesn't support customization this way, because the `textColor` property of UILabel is not marked with `UI_APPEARANCE_SELECTOR` as required by the documentation. See also http://stackoverflow.com/questions/11839044/how-do-i-apply-uiappearance-proxy-properties-to-uilabel – Joshua J. McKinnon Jul 22 '13 at 02:23
This is working for me only if I add some placeholder in Stroyboard.. Directly setting placeholder through code doesnt work if we dont have some placeholder in the storyboard.. wired – sach Sep 12 '14 at 06:25
7

I gave this thing an up-vote by accident. It does not work well. People should use: http://stackoverflow.com/questions/1340224/iphone-uitextfield-change-placeholder-text-color – Katedral Pillon Sep 14 '14 at 19:52
this is not a valid answer, see my answer below – Boris Nikolic Nov 01 '15 at 18:27

score 31 · Answer 2 · edited May 23 '17 at 11:55

31

Found the answer from Change UITextField's placeholder text color programmatically

// Get the instance of the UITextField of the search bar
UITextField *searchField = [searchBar valueForKey:@"_searchField"];

// Change search bar text color
searchField.textColor = [UIColor redColor];

// Change the search bar placeholder text color
[searchField setValue:[UIColor blueColor] forKeyPath:@"_placeholderLabel.textColor"];

edited May 23 '17 at 11:55

Community

1
1

answered Sep 13 '12 at 16:55

Wayne Liu

1,172
11
23

Anyone tried to submit an app with that code? Shouldn't be much of a problem... but who can say that for sure... – jimpic Apr 10 '13 at 07:17
2

Although this code works, I would trust any app submission with that, as it violates Apple's regulations. – csotiriou Jun 10 '13 at 17:20
My app is ok to submit to appstore with this solution. :) – Senry Aug 28 '13 at 11:31
8

I'd be worried this could suddenly start crashing with an iOS update. – jpswain Feb 12 '14 at 00:53
What about the `prompt` parameter?? – fatuhoku Nov 20 '15 at 22:25

score 21 · Answer 3 · edited May 14 '19 at 09:28

First solution is OK, but if you use multiple UISearchBar, or create a lot of instances it may fail. The one solution that always work for me is to use also appearance proxy but directly on UITextField

   NSDictionary *placeholderAttributes = @{
                                            NSForegroundColorAttributeName: [UIColor darkButtonColor],
                                            NSFontAttributeName: [UIFont fontWithName:@"HelveticaNeue" size:15],
                                            };

    NSAttributedString *attributedPlaceholder = [[NSAttributedString alloc] initWithString:self.searchBar.placeholder
                                                                                attributes:placeholderAttributes];

    [[UITextField appearanceWhenContainedInInstancesOfClasses:@[[UISearchBar class]]] setAttributedPlaceholder:attributedPlaceholder];

It's the only solution that worked correctly for me, other solutions failed when navigating the viewController hierarchy back and forth, and destroying / recreating the search bar — DTs, Dec 17 '16 at 22:46

score 18 · Answer 4 · edited Nov 07 '16 at 00:50

18

Here is a Solution for Swift:

Swift 2

var textFieldInsideSearchBar = searchBar.valueForKey("searchField") as? UITextField
textFieldInsideSearchBar?.textColor = UIColor.whiteColor()

var textFieldInsideSearchBarLabel = textFieldInsideSearchBar!.valueForKey("placeholderLabel") as? UILabel
textFieldInsideSearchBarLabel?.textColor = UIColor.whiteColor()

Swift 3

let textFieldInsideSearchBar = searchBar.value(forKey: "searchField") as? UITextField
textFieldInsideSearchBar?.textColor = UIColor.white

let textFieldInsideSearchBarLabel = textFieldInsideSearchBar!.value(forKey: "placeholderLabel") as? UILabel
textFieldInsideSearchBarLabel?.textColor = UIColor.white

edited Nov 07 '16 at 00:50

pableiros

14,932
12
99
105

answered Jun 25 '15 at 12:28

derdida

14,784
16
90
139

Ill think so. Its the same solution other users recommend. – derdida Jul 31 '15 at 07:08
How about the `prompt`?! (not the placeholder) – fatuhoku Nov 20 '15 at 22:25
Try to set the tintcolor for the textFieldInsideSearchBar - should work fine! – derdida Nov 20 '15 at 23:04
2

Works on iOS 10.2.1 – norbDEV Mar 13 '17 at 20:51
Works great but can you link to the apple docs in this topic. Im having trouble finding it. Thanks in advance. – Jeff Feb 12 '18 at 20:32

score 11 · Answer 5 · answered Mar 15 '18 at 14:16

Try this and see: (I tested below code with Swift 4.1 - Xcode 9.3-beta4)

@IBOutlet weak var sbSearchBar: UISearchBar!

if let textfield = sbSearchBar.value(forKey: "searchField") as? UITextField {

    textfield.backgroundColor = UIColor.yellow
    textfield.attributedPlaceholder = NSAttributedString(string: textfield.placeholder ?? "", attributes: [NSAttributedStringKey.foregroundColor : UIColor.red])

    textfield.textColor = UIColor.green

    if let leftView = textfield.leftView as? UIImageView {
        leftView.image = leftView.image?.withRenderingMode(.alwaysTemplate)
        leftView.tintColor = UIColor.red
    }
}

Here is result:

That's awesome, but if that isn't documented how reliable do you think it is as an interface? I will use it if it doesn't get the app rejected and it's unlikely Apple will suddenly change it. (Don't see why they would) — clearlight, Jun 28 '22 at 04:12

score 11 · Answer 6 · answered Nov 02 '20 at 09:33

It is easy from iOS 13.0 onwards, You can simply use searchTextField property of a search bar to update attributed properties of the placeholder.

self.searchController.searchBar.searchTextField.attributedPlaceholder =  NSAttributedString.init(string: "Search anything...", attributes: [NSAttributedString.Key.foregroundColor:UIColor.red])

One line solution

score 7 · Answer 7 · edited Aug 08 '17 at 08:25

if let textFieldInsideSearchBar = searchBar.value(forKey: "searchField") as ? UITextField {
    textFieldInsideSearchBar ? .textColor = UIColor.white

    if let textFieldInsideSearchBarLabel = textFieldInsideSearchBar!.value(forKey: "placeholderLabel") as ? UILabel {
        textFieldInsideSearchBarLabel ? .textColor = UIColor.white

        if let clearButton = textFieldInsideSearchBar ? .value(forKey: "clearButton") as!UIButton {

            clearButton.setImage(clearButton.imageView ? .image ? .withRenderingMode(.alwaysTemplate),
                for : .normal)
            clearButton.tintColor = UIColor.white
        }
    }

    let glassIconView = textFieldInsideSearchBar ? .leftView as ? UIImageView

    glassIconView ? .image = glassIconView ? .image ? .withRenderingMode(.alwaysTemplate)
    glassIconView ? .tintColor = UIColor.white
}

score 6 · Answer 8 · answered Feb 27 '20 at 10:01

Swift 5 - ios 13:

Those who are stuck let me tell you it is going to work only in viewDidLayoutSubviews not in viewDidLoad

override func viewDidLayoutSubviews() {

    setupSearchBar(searchBar: YourSearchBar)

}

    func setupSearchBar(searchBar : UISearchBar) {

    searchBar.setPlaceholderTextColorTo(color: UIColor.white)        

   }

extension UISearchBar
{
    func setPlaceholderTextColorTo(color: UIColor)
    {
        let textFieldInsideSearchBar = self.value(forKey: "searchField") as? UITextField
        textFieldInsideSearchBar?.textColor = color
        let textFieldInsideSearchBarLabel = textFieldInsideSearchBar!.value(forKey: "placeholderLabel") as? UILabel
        textFieldInsideSearchBarLabel?.textColor = color
    }
}

Happy coding :)

score 4 · Answer 9 · answered Nov 15 '19 at 06:16

It looks like Apple does not want us to play with the placeholder colors when it comes to UISearchBar class. So, let's create our own placeholder label!

No subclassing.
Works with iOS 13 SDK.
Just one innocent workaround.

let searchBar = searchController.searchBar
// ...
// Configure `searchBar` if needed
// ...

let searchTextField: UITextField
if #available(iOS 13, *) {
    searchTextField = searchBar.searchTextField
} else {
    searchTextField = (searchBar.value(forKey: "searchField") as? UITextField) ?? UITextField()
}

// Since iOS 13 SDK, there is no accessor to get the placeholder label.
// This is the only workaround that might cause issued during the review.
if let systemPlaceholderLabel = searchTextField.value(forKey: "placeholderLabel") as? UILabel {
    // Empty or `nil` strings cause placeholder label to be hidden by the search bar
    searchBar.placeholder = " "

    // Create our own placeholder label
    let placeholderLabel = UILabel(frame: .zero)

    placeholderLabel.text = "Search"
    placeholderLabel.font = UIFont.systemFont(ofSize: 17.0, weight: .regular)
    placeholderLabel.textColor = UIColor.blue.withAlphaComponent(0.5)

    systemPlaceholderLabel.addSubview(placeholderLabel)

    // Layout label to be a "new" placeholder
    placeholderLabel.leadingAnchor.constraint(equalTo: systemPlaceholderLabel.leadingAnchor).isActive = true
    placeholderLabel.topAnchor.constraint(equalTo: systemPlaceholderLabel.topAnchor).isActive = true
    placeholderLabel.bottomAnchor.constraint(equalTo: systemPlaceholderLabel.bottomAnchor).isActive = true
    placeholderLabel.translatesAutoresizingMaskIntoConstraints = false
    placeholderLabel.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)
} else {
    searchBar.placeholder = ""
}

score 3 · Answer 10 · answered Feb 01 '17 at 18:27

3

Swift 3

UILabel.appearance(whenContainedInInstancesOf: [UISearchBar.self]).textColor = UIColor.white

answered Feb 01 '17 at 18:27

Shoaib

1,295
15
22

score 3 · Answer 11 · answered Oct 23 '19 at 08:07

iOS 13

Previous solutions may not work on iOS 13 because new searchTextField has been added, and you can set attributed string on it.

I wrapped that into category:

@interface UISearchBar (AttributtedSetter)
- (void)setThemedPlaceholder:(NSString*)localizationKey;
@end

@implementation UISearchBar (AttributtedSetter)

- (void)setThemedPlaceholder:(NSString*)localizationKey {
    ThemeObject *currentTheme = [[ThemeManager standardThemeManager] currentTheme];
    self.searchTextField.attributedPlaceholder = [[NSAttributedString alloc] initWithString:NSLocalizedString(localizationKey, @"") attributes:@{NSForegroundColorAttributeName : currentTheme.colorSearchBarText}];
}

@end

I've tried assigning to `attributedPlaceholder` multiple times with no luck. It accepts the string contents, but does not change the text color. The search bar is inside a navigation item. — Andreas, Feb 29 '20 at 10:40

Andreas · Answer 12 · 2021-08-30T15:40:51.250

iOS 13

Use a custom search bar subclass.

This also works when part of a UISearchController inside a UINavigationItem (with hidesSearchBarWhenScrolling = true).

We want to apply our changes immediately after UIAppearance proxies are being applied since those are the most likely root cause:

class MySearchBar : UISearchBar {
    // Appearance proxies are applied when a view is added to a view hierarchy, so apply your tweaks after that:
    override func didMoveToSuperview() {
        super.didMoveToSuperview() // important! - system colors will not apply correctly on ios 11-12 without this

        let placeholderColor = UIColor.white.withAlphaComponent(0.75)
        let placeholderAttributes = [NSAttributedString.Key.foregroundColor : placeholderColor]
        let attributedPlaceholder = NSAttributedString(string: "My custom placeholder", attributes: placeholderAttributes)
        self.searchTextField.attributedPlaceholder = attributedPlaceholder
        
        // Make the magnifying glass the same color
        (self.searchTextField.leftView as? UIImageView)?.tintColor = placeholderColor
    }
}

// Override `searchBar` as per the documentation
private class MySearchController : UISearchController {
    private lazy var customSearchBar = MySearchBar()
    override var searchBar: UISearchBar { customSearchBar }
}

That took quite some time to get working properly...

score 3 · Answer 13 · answered Feb 14 '21 at 18:45

3

worked for me on IOS 13

searchBar.searchTextField.attributedPlaceholder = NSAttributedString(
    string: "Search something blabla",
    attributes: [.foregroundColor: UIColor.red]
)

answered Feb 14 '21 at 18:45

andrei

1,353
15
24

score 2 · Answer 14 · answered Jan 26 '15 at 14:29

Try this:

[self.searchBar setValue:[UIColor whatever] forKeyPath:@"_searchField._placeholderLabel.textColor"];

You can also set this in storyboard, select search bar, add entry under User Defined Runtime Attributes:

_searchField._placeholderLabel.textColor

of type Color and select the color you need.

score 0 · Answer 15 · answered May 19 '15 at 05:38

0

After surveyed a couple of answers, I come out this, hope its help

for (UIView *subview in searchBar.subviews) {
    for (UIView *sv in subview.subviews) {
        if ([NSStringFromClass([sv class]) isEqualToString:@"UISearchBarTextField"]) {

            if ([sv respondsToSelector:@selector(setAttributedPlaceholder:)]) {
                ((UITextField *)sv).attributedPlaceholder = [[NSAttributedString alloc] initWithString:searchBar.placeholder attributes:@{NSForegroundColorAttributeName: [UIColor whiteColor]}];
            }
            break;
        }
    }
}

answered May 19 '15 at 05:38

Js Lim

3,625
6
42
80

I subclassed the UISearchBar class, and then I used an attributed placeholder like you did. But in my subclass, I added override var placeholder: String? { didSet { changePlaceholderColor(str: placeholder ?? "") } }, that way, whenever I change the placeholder text on this searchBar, it will automatically make the placeholder text the correct color. If I didn't do this, then it would override my placeholder color if I ever set a normal placeholder. – Daniel Jones Jan 29 '17 at 01:59

score 0 · Answer 16 · answered Feb 24 '17 at 10:43

This solution works on Xcode 8.2.1. with Swift 3.0. :

extension UISearchBar
{
    func setPlaceholderTextColorTo(color: UIColor)
    {
        let textFieldInsideSearchBar = self.value(forKey: "searchField") as? UITextField
        textFieldInsideSearchBar?.textColor = color
        let textFieldInsideSearchBarLabel = textFieldInsideSearchBar!.value(forKey: "placeholderLabel") as? UILabel
        textFieldInsideSearchBarLabel?.textColor = color
    }
}

Usage example:

searchController.searchBar.setPlaceholderTextColorTo(color: mainColor)

score -1 · Answer 17 · answered Jun 02 '17 at 12:51

This is an old question, but for anyone stumbling on it nowadays, you can change the search icon on iOS 8.x - 10.3 using the following:

[_searchBar setImage:[UIImage imageNamed:@"your-image-name"] forSearchBarIcon:UISearchBarIconSearch state:UIControlStateNormal];

Regarding the placeholder text color, you may check my other answer, which uses a Category, here: UISearchBar change placeholder color

score -3 · Answer 18 · answered Aug 06 '12 at 13:24

-3

Try this:

  UITextField *searchField = [searchbar valueForKey:@"_searchField"];
  field.textColor = [UIColor redColor]; //You can put any color here.

answered Aug 06 '12 at 13:24

Ankit

1,684
14
14

I don't want to change the color of the normal text. I want to change the color of the placeholder text. – csotiriou Aug 06 '12 at 14:08
4

This is NOT OK! You are accessing a PRIVATE iVAR when you do this and this might get your app rejected from app store. – Widerberg May 19 '14 at 11:06
@AlexanderW : If this was meant not to be used, you won't be able to access it... Everyone around the world use this thing for changing color of textfield placeholder color change.... my app has never been rejected due to this... but its just a solution, may not a perfect one..... – Ankit May 23 '14 at 09:54

UISearchBar change placeholder color

18 Answers18

iOS 13

Linked

Related