如何刪除鈦文本框的邊框顏色？

我已經創建了一個自定義組件，該文本框左側有一個筆圖標（因爲leftbutton不會在HTML5/WEB中支持）。這裏是我的代碼片斷如何刪除鈦文本框的邊框顏色？

var bg = Ti.UI.createView({ 
     height : app.platform.isAndroid ? 35 : 31, 
     top : 50, 
     width:"94%", 
     backgroundColor : "white", 
     layout:"horizontal" 
    }); 

    var leftBtnWeb = Ti.UI.createButton({ 
     backgroundImage : app.dir + "img/icons/pen.png", 
     width : 25, 
     top : 8, 
     height : 16, 
     touchEnabled : false, 
    }); 
    bg.add(leftBtnWeb); 

    input = Ti.UI.createTextField({ 
     // top : 5, 
     width:'88%', 
     // left : 2, 
     // right : 20, 
     height : 25, 
     font : { 
      fontSize : "16dp" 
     }, 
     autocorrect : false, 
     returnKeyType : Ti.UI.RETURNKEY_DONE, 
     clearButtonMode : Ti.UI.INPUT_BUTTONMODE_ALWAYS, 
     hintText:"test", 
     backgroundColor:'transparent', 
     zIndex : 10, 
     borderColor : "transparent", 
     backgroundSelectedColor : "transparent", 
     backgroundFocusedColor : "transparent", 
     backgroundImage : "transparent", 
     focusedColor : "transparent", 
     borderStyle : Ti.UI.INPUT_BORDERSTYLE_NONE 

    }); 
    bg.add(input);`

當我專注於文本框，我得到了藍色的邊框，任何一個可以讓我知道如何聚焦時，刪除邊框。

在此先感謝， Swathi。

來源

2015-10-06 Swathi

我的第一個想法是將自定義焦點事件偵聽器附加到您的文本字段並再次設置邊框的顏色。

input.addEventListener('focus', function() { 
    borderStyle : Ti.UI.INPUT_BORDERSTYLE_NONE 
    this.hasFocus = true; 
});

另一件事你可以嘗試爲您的backgroundColor設置爲透明這樣的：

backgroundColor : 'transparent'

來源

2015-10-06 12:05:12

如何刪除鈦文本框的邊框顏色？

回答

相關問題