c#
  • asp.net
  • .net
  • css
  • textbox
  • 2013-09-26 57 views 0 likes 
    0

    我想更改asp.net中文本框的工具提示。更改動態創建的文本框的工具提示樣式?

    TextBox objTextBox; 
    objTextBox = new TextBox(); 
    if (somecondition) 
    { 
    objTextBox.ReadOnly = true; 
    String processorClosedTooltip ="<html><p style='font-style:italic;color:blue;'>" + 
    "comments are not Editable</p></html> "; 
    objTextBox.ToolTip = processorClosedTooltip + "\n" + comment.ToString(); 
    } 
    

    我想表明它的藍色下劃線和斜體

    * 
    
    • 意見是不可編輯

    *

    +0

    而且你得到了什麼錯誤瓦特/此代碼? – paqogomez

    +0

    它不給我在工具提示 –

    回答

    1

    你不能風格的標準工具提示。相反,創建您自己的工具提示,其工作方式相同,但可以設置樣式。

    實施例:

    HTML:

    <a class="tooltip" href="#">Critical<span class="custom critical"> 
    

    CSS:

    .tooltip { 
         border-bottom: 1px dotted #000000; color: #000000; outline: none; 
         cursor: help; text-decoration: none; 
         position: relative; 
        } 
        .tooltip span { 
         margin-left: -999em; 
         position: absolute; 
        } 
        .tooltip:hover span { 
         border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
         box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
         font-family: Calibri, Tahoma, Geneva, sans-serif; 
         position: absolute; left: 1em; top: 2em; z-index: 99; 
         margin-left: 0; width: 250px; 
        } 
        .tooltip:hover img { 
         border: 0; margin: -10px 0 0 -55px; 
         float: left; position: absolute; 
        } 
        .tooltip:hover em { 
         font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; 
         display: block; padding: 0.2em 0 0.6em 0; 
        } 
        .classic { padding: 0.8em 1em; } 
        .custom { padding: 0.5em 0.8em 0.8em 2em; } 
        * html a:hover { background: transparent; } 
        .classic {background: #FFFFAA; border: 1px solid #FFAD33; } 
        .critical { background: #FFCCAA; border: 1px solid #FF3334; } 
    
    +1

    ..你的答案是非常豐富的信息...你可以請一個簡單的例子 –

    1

    正如guymin已經指出你不能設計一個默認的工具提示 - 它只是不被支持。

    這是一個可用於各種JS控件的庫,其中還包括精美的工具提示。

    有很多的頁面上的例子...

    http://jqueryui.com/tooltip/#custom-style

    相關問題